mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-23 10:07:19 +00:00
Jermolene
parent
995f0e7f29
commit
f223310d34
@ -189,7 +189,7 @@ Modal.prototype.display = function(title,options) {
|
||||
|
||||
Modal.prototype.adjustPageClass = function() {
|
||||
if($tw.pageContainer) {
|
||||
$tw.utils.toggleClass($tw.pageContainer,"tw-modal-displayed",this.modalCount > 0);
|
||||
$tw.utils.toggleClass($tw.pageContainer,"tc-modal-displayed",this.modalCount > 0);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
@ -7,16 +7,16 @@ background-color:$(backgroundColor)$;
|
||||
\end
|
||||
<div class="tc-edit-tags">
|
||||
<$fieldmangler>
|
||||
<$list filter="[all[current]tags[]sort[title]]" storyview="pop"><$set name="backgroundColor" value={{!!color}}><span style=<<tag-styles>> class="tw-tag-label">
|
||||
<$list filter="[all[current]tags[]sort[title]]" storyview="pop"><$set name="backgroundColor" value={{!!color}}><span style=<<tag-styles>> class="tc-tag-label">
|
||||
<$view field="title" format="text" />
|
||||
<$button message="tw-remove-tag" param={{!!title}} class="tc-btn-invisible tw-remove-tag-button">×</$button></span>
|
||||
<$button message="tw-remove-tag" param={{!!title}} class="tc-btn-invisible tc-remove-tag-button">×</$button></span>
|
||||
</$set>
|
||||
</$list>
|
||||
|
||||
<div class="tc-edit-add-tag">
|
||||
<span class="tw-add-tag-name">
|
||||
<span class="tc-add-tag-name">
|
||||
<$edit-text tiddler="$:/temp/NewTagName" tag="input" default="" placeholder={{$:/language/EditTemplate/Tags/Add/Placeholder}} focusPopup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-edit-texteditor"/>
|
||||
</span> <$button popup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button> <span class="tw-add-tag-button">
|
||||
</span> <$button popup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button> <span class="tc-add-tag-button">
|
||||
<$button message="tw-add-tag" param={{$:/temp/NewTagName}} set="$:/temp/NewTagName" setTo="" class="">
|
||||
<<lingo Tags/Add/Button>>
|
||||
</$button>
|
||||
@ -33,7 +33,7 @@ background-color:$(backgroundColor)$;
|
||||
<$list filter="[!is[shadow]tags[]search{$:/temp/NewTagName}sort[title]]">
|
||||
<$link>
|
||||
<$set name="backgroundColor" value={{!!color}}>
|
||||
<span style=<<tag-styles>> class="tw-tag-label">
|
||||
<span style=<<tag-styles>> class="tc-tag-label">
|
||||
<$view field="title" format="text"/>
|
||||
</span>
|
||||
</$set>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
title: $:/core/ui/ListItemTemplate
|
||||
|
||||
<div class="tw-menu-list-item">
|
||||
<div class="tc-menu-list-item">
|
||||
<$link to={{!!title}}>
|
||||
<$view field="title"/>
|
||||
</$link>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
title: $:/core/ui/MissingTemplate
|
||||
|
||||
<div class="tc-tiddler-missing">
|
||||
<$button popup=<<qualify "$:/state/popup/missing">> class="tc-btn-invisible tw-missing-tiddler-label">
|
||||
<$button popup=<<qualify "$:/state/popup/missing">> class="tc-btn-invisible tc-missing-tiddler-label">
|
||||
<$view field="title" format="text" />
|
||||
</$button>
|
||||
<$reveal state=<<qualify "$:/state/popup/missing">> type="popup" position="below" animate="yes">
|
||||
|
||||
@ -18,10 +18,10 @@ caption: {{$:/language/SideBar/Tags/Caption}}
|
||||
|
||||
<$list filter="[tags[]!is[system]sort[title]]">
|
||||
|
||||
<$transclude tiddler="$:/core/ui/TagTemplate"/> <small class="tw-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
|
||||
<$transclude tiddler="$:/core/ui/TagTemplate"/> <small class="tc-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
|
||||
|
||||
</$list>
|
||||
|
||||
----
|
||||
|
||||
{{$:/core/ui/UntaggedTemplate}} <small class="tw-menu-list-count"><$count filter="[untagged[]!is[system]] -[tags[]]"/></small>
|
||||
{{$:/core/ui/UntaggedTemplate}} <small class="tc-menu-list-count"><$count filter="[untagged[]!is[system]] -[tags[]]"/></small>
|
||||
|
||||
@ -3,10 +3,10 @@ tags: $:/tags/MoreSideBar
|
||||
caption: {{$:/language/SideBar/Types/Caption}}
|
||||
|
||||
<$list filter="[!is[system]has[type]each[type]sort[type]] -[type[text/vnd.tiddlywiki]]">
|
||||
<div class="tw-menu-list-item">
|
||||
<div class="tc-menu-list-item">
|
||||
<$view field="type"/>
|
||||
<$list filter="[type{!!type}!is[system]sort[title]]">
|
||||
<div class="tw-menu-list-subitem">
|
||||
<div class="tc-menu-list-subitem">
|
||||
<$link to={{!!title}}><$view field="title"/></$link>
|
||||
</div>
|
||||
</$list>
|
||||
|
||||
@ -3,7 +3,7 @@ tags: $:/tags/PageControls
|
||||
caption: {{$:/core/images/import-button}} {{$:/language/Buttons/Import/Caption}}
|
||||
description: {{$:/language/Buttons/Import/Hint}}
|
||||
|
||||
<div class="tw-file-input-wrapper">
|
||||
<div class="tc-file-input-wrapper">
|
||||
<$button title={{$:/language/Buttons/Import/Hint}} aria-label={{$:/language/Buttons/Import/Caption}} class=<<tw-config-toolbar-class>>>
|
||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||
{{$:/core/images/import-button}}
|
||||
|
||||
@ -6,7 +6,7 @@ description: {{$:/language/Buttons/Language/Hint}}
|
||||
\define flag-title()
|
||||
$(languagePluginTitle)$/icon
|
||||
\end
|
||||
<$button popup=<<qualify "$:/state/popup/language">> title={{$:/language/Buttons/Language/Hint}} aria-label={{$:/language/Buttons/Language/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tw-selected">
|
||||
<$button popup=<<qualify "$:/state/popup/language">> title={{$:/language/Buttons/Language/Hint}} aria-label={{$:/language/Buttons/Language/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tc-selected">
|
||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||
<span class="tc-image-button">
|
||||
<$set name="languagePluginTitle" value={{$:/language}}>
|
||||
|
||||
@ -6,7 +6,7 @@ description: {{$:/language/Buttons/More/Hint}}
|
||||
\define config-title()
|
||||
$:/config/PageControlButtons/Visibility/$(listItem)$
|
||||
\end
|
||||
<$button popup=<<qualify "$:/state/popup/more">> title={{$:/language/Buttons/More/Hint}} aria-label={{$:/language/Buttons/More/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tw-selected">
|
||||
<$button popup=<<qualify "$:/state/popup/more">> title={{$:/language/Buttons/More/Hint}} aria-label={{$:/language/Buttons/More/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tc-selected">
|
||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||
{{$:/core/images/down-arrow}}
|
||||
</$list>
|
||||
|
||||
@ -6,7 +6,7 @@ description: {{$:/language/Buttons/StoryView/Hint}}
|
||||
\define icon()
|
||||
$:/core/images/storyview-$(storyview)$
|
||||
\end
|
||||
<$button popup=<<qualify "$:/state/popup/storyview">> title={{$:/language/Buttons/StoryView/Hint}} aria-label={{$:/language/Buttons/StoryView/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tw-selected">
|
||||
<$button popup=<<qualify "$:/state/popup/storyview">> title={{$:/language/Buttons/StoryView/Hint}} aria-label={{$:/language/Buttons/StoryView/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tc-selected">
|
||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||
<$set name="storyview" value={{$:/view}}>
|
||||
<$transclude tiddler=<<icon>>/>
|
||||
|
||||
@ -3,7 +3,7 @@ tags: $:/tags/PageControls
|
||||
caption: {{$:/core/images/theme-button}} {{$:/language/Buttons/Theme/Caption}}
|
||||
description: {{$:/language/Buttons/Theme/Hint}}
|
||||
|
||||
<$button popup=<<qualify "$:/state/popup/theme">> title={{$:/language/Buttons/Theme/Hint}} aria-label={{$:/language/Buttons/Theme/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tw-selected">
|
||||
<$button popup=<<qualify "$:/state/popup/theme">> title={{$:/language/Buttons/Theme/Hint}} aria-label={{$:/language/Buttons/Theme/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tc-selected">
|
||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||
{{$:/core/images/theme-button}}
|
||||
</$list>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
title: $:/core/ui/PageTemplate
|
||||
|
||||
\define containerClasses()
|
||||
tw-page-container tw-page-view-$(themeTitle)$ tw-language-$(languageTitle)$
|
||||
tc-page-container tc-page-view-$(themeTitle)$ tc-language-$(languageTitle)$
|
||||
\end
|
||||
|
||||
<$importvariables filter="[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]">
|
||||
|
||||
@ -4,25 +4,25 @@ tags: $:/tags/PageTemplate
|
||||
\define config-title()
|
||||
$:/config/PageControlButtons/Visibility/$(listItem)$
|
||||
\end
|
||||
<$scrollable fallthrough="no" class="tw-sidebar-scrollable">
|
||||
<$scrollable fallthrough="no" class="tc-sidebar-scrollable">
|
||||
|
||||
<div class="tc-sidebar-header">
|
||||
|
||||
<$reveal state="$:/state/sidebar" type="match" text="yes" default="yes" retain="yes">
|
||||
|
||||
<h1 class="tw-site-title">
|
||||
<h1 class="tc-site-title">
|
||||
|
||||
<$transclude tiddler="$:/SiteTitle" mode="inline"/>
|
||||
|
||||
</h1>
|
||||
|
||||
<div class="tw-site-subtitle">
|
||||
<div class="tc-site-subtitle">
|
||||
|
||||
<$transclude tiddler="$:/SiteSubtitle" mode="inline"/>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tw-page-controls">
|
||||
<div class="tc-page-controls">
|
||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]]" variable="listItem">
|
||||
<$reveal type="nomatch" state=<<config-title>> text="hide">
|
||||
<$transclude tiddler=<<listItem>> mode="inline"/>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
title: $:/core/ui/PageTemplate/topleftbar
|
||||
tags: $:/tags/PageTemplate
|
||||
|
||||
<span class="tw-topbar tw-topbar-left">
|
||||
<span class="tc-topbar tc-topbar-left">
|
||||
|
||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/TopLeftBar]!has[draft.of]]" variable="listItem">
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
title: $:/core/ui/PageTemplate/toprightbar
|
||||
tags: $:/tags/PageTemplate
|
||||
|
||||
<span class="tw-topbar tw-topbar-right">
|
||||
<span class="tc-topbar tc-topbar-right">
|
||||
|
||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/TopRightBar]!has[draft.of]]" variable="listItem">
|
||||
|
||||
|
||||
@ -2,6 +2,6 @@ title: $:/core/ui/SideBar/More
|
||||
tags: $:/tags/SideBar
|
||||
caption: {{$:/language/SideBar/More/Caption}}
|
||||
|
||||
<div class="tw-more-sidebar">
|
||||
<div class="tc-more-sidebar">
|
||||
<<tabs "[all[shadows+tiddlers]tag[$:/tags/MoreSideBar]!has[draft.of]]" "$:/core/ui/MoreSideBar/Tags" "$:/state/tab/moresidebar" "tc-vertical">>
|
||||
</div>
|
||||
|
||||
@ -5,8 +5,8 @@ caption: {{$:/language/SideBar/Open/Caption}}
|
||||
\define lingo-base() $:/language/CloseAll/
|
||||
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
|
||||
|
||||
<$button message="tw-close-tiddler" title={{$:/language/Buttons/Close/Hint}} aria-label={{$:/language/Buttons/Close/Caption}} class="tc-btn-invisible btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/></$link>
|
||||
<$button message="tw-close-tiddler" title={{$:/language/Buttons/Close/Hint}} aria-label={{$:/language/Buttons/Close/Caption}} class="tc-btn-invisible tc-btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/></$link>
|
||||
|
||||
</$list>
|
||||
|
||||
<$button message="tw-close-all-tiddlers" class="tc-btn-invisible btn-mini"><<lingo Button>></$button>
|
||||
<$button message="tw-close-all-tiddlers" class="tc-btn-invisible tc-btn-mini"><<lingo Button>></$button>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
title: $:/core/ui/SideBarLists
|
||||
|
||||
<div class="tw-sidebar-lists">
|
||||
<div class="tc-sidebar-lists">
|
||||
|
||||
<div class="tc-search">
|
||||
<$edit-text tiddler="$:/temp/search" type="search" tag="input"/>
|
||||
|
||||
@ -3,9 +3,9 @@ title: $:/core/ui/TagTemplate
|
||||
\define tag-styles()
|
||||
background-color:$(backgroundColor)$;
|
||||
\end
|
||||
<span class="tw-tag-list-item">
|
||||
<span class="tc-tag-list-item">
|
||||
<$set name="backgroundColor" value={{!!color}}>
|
||||
<$button popup=<<qualify "$:/state/popup/tag">> class="tc-btn-invisible tw-tag-label" style=<<tag-styles>>>
|
||||
<$button popup=<<qualify "$:/state/popup/tag">> class="tc-btn-invisible tc-tag-label" style=<<tag-styles>>>
|
||||
<$transclude tiddler={{!!icon}}/> <$view field="title" format="text" />
|
||||
</$button>
|
||||
</$set>
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
title: $:/core/ui/TiddlerFieldTemplate
|
||||
|
||||
<tr class="tw-view-field">
|
||||
<td class="tw-view-field-name">
|
||||
<tr class="tc-view-field">
|
||||
<td class="tc-view-field-name">
|
||||
<$text text=<<listItem>>/>
|
||||
</td>
|
||||
<td class="tw-view-field-value">
|
||||
<td class="tc-view-field-value">
|
||||
<$view field=<<listItem>>/>
|
||||
</td>
|
||||
</tr>
|
||||
@ -1,6 +1,6 @@
|
||||
title: $:/core/ui/TiddlerFields
|
||||
|
||||
<table class="tw-view-field-table">
|
||||
<table class="tc-view-field-table">
|
||||
<tbody>
|
||||
<$list filter="[all[current]fields[]sort[title]] -text" template="$:/core/ui/TiddlerFieldTemplate" variable="listItem"/>
|
||||
</tbody>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
title: $:/core/ui/UntaggedTemplate
|
||||
|
||||
\define lingo-base() $:/language/SideBar/
|
||||
<$button popup=<<qualify "$:/state/popup/tag">> class="tc-btn-invisible tw-untagged-label tw-tag-label">
|
||||
<$button popup=<<qualify "$:/state/popup/tag">> class="tc-btn-invisible tc-untagged-label tc-tag-label">
|
||||
<<lingo Tags/Untagged/Caption>>
|
||||
</$button>
|
||||
<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below">
|
||||
|
||||
@ -5,7 +5,7 @@ tags: $:/tags/ViewTemplate
|
||||
|
||||
<$list filter="[all[current]field:plugin-type[import]]">
|
||||
|
||||
<div class="tw-import">
|
||||
<div class="tc-import">
|
||||
|
||||
<<lingo Listing/Hint>>
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
title: $:/core/ui/ViewTemplate/subtitle
|
||||
tags: $:/tags/ViewTemplate
|
||||
|
||||
<div class="tw-subtitle">
|
||||
<div class="tc-subtitle">
|
||||
<$link to={{!!modifier}}>
|
||||
<$view field="modifier"/>
|
||||
</$link> <$view field="modified" format="relativedate"/>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
title: $:/core/ui/ViewTemplate/tags
|
||||
tags: $:/tags/ViewTemplate
|
||||
|
||||
<div class="tw-tags-wrapper"><$list filter="[all[current]tags[]sort[title]]" template="$:/core/ui/TagTemplate" storyview="pop"/></div>
|
||||
<div class="tc-tags-wrapper"><$list filter="[all[current]tags[]sort[title]]" template="$:/core/ui/TagTemplate" storyview="pop"/></div>
|
||||
|
||||
@ -19,7 +19,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
|
||||
</$set>
|
||||
<$list filter="[all[current]removeprefix[$:/]]">
|
||||
<span class="tc-title" title={{$:/language/SystemTiddler/Tooltip}}>
|
||||
<span class="tw-system-title-prefix">$:/</span><$text text=<<currentTiddler>>/>
|
||||
<span class="tc-system-title-prefix">$:/</span><$text text=<<currentTiddler>>/>
|
||||
</span>
|
||||
</$list>
|
||||
<$list filter="[all[current]!prefix[$:/]]">
|
||||
|
||||
@ -3,7 +3,7 @@ tags: $:/tags/ViewToolbar
|
||||
caption: {{$:/core/images/info-button}} {{$:/language/Buttons/Info/Caption}}
|
||||
description: {{$:/language/Buttons/Info/Hint}}
|
||||
|
||||
<$button popup=<<tiddlerInfoState>> title={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tw-selected">
|
||||
<$button popup=<<tiddlerInfoState>> title={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tc-selected">
|
||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||
{{$:/core/images/info-button}}
|
||||
</$list>
|
||||
|
||||
@ -6,7 +6,7 @@ description: {{$:/language/Buttons/More/Hint}}
|
||||
\define config-title()
|
||||
$:/config/ViewToolbarButtons/Visibility/$(listItem)$
|
||||
\end
|
||||
<$button popup=<<qualify "$:/state/popup/more">> title={{$:/language/Buttons/More/Hint}} aria-label={{$:/language/Buttons/More/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tw-selected">
|
||||
<$button popup=<<qualify "$:/state/popup/more">> title={{$:/language/Buttons/More/Hint}} aria-label={{$:/language/Buttons/More/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tc-selected">
|
||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||
{{$:/core/images/down-arrow}}
|
||||
</$list>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
title: $:/snippets/allfields
|
||||
|
||||
\define renderfield(title)
|
||||
<tr class="tw-view-field"><td class="tw-view-field-name">''$title$'':</td><td class="tw-view-field-value">//{{$:/language/Docs/Fields/$title$}}//</td></tr>
|
||||
<tr class="tc-view-field"><td class="tc-view-field-name">''$title$'':</td><td class="tc-view-field-value">//{{$:/language/Docs/Fields/$title$}}//</td></tr>
|
||||
\end
|
||||
<table class="tw-view-field-table"><tbody><$list filter="[fields[]sort[title]]" variable="listItem"><$macrocall $name="renderfield" title=<<listItem>>/></$list>
|
||||
<table class="tc-view-field-table"><tbody><$list filter="[fields[]sort[title]]" variable="listItem"><$macrocall $name="renderfield" title=<<listItem>>/></$list>
|
||||
</tbody></table>
|
||||
|
||||
@ -5,10 +5,10 @@ background-color: $(swatchColour)$;
|
||||
\end
|
||||
\define swatch(colour)
|
||||
<$set name="swatchColour" value={{##$colour$}}>
|
||||
<div class="tw-swatch" style=<<swatchStyle>>/>
|
||||
<div class="tc-swatch" style=<<swatchStyle>>/>
|
||||
</$set>
|
||||
\end
|
||||
<div class="tw-swatches-horiz">
|
||||
<div class="tc-swatches-horiz">
|
||||
<<swatch foreground>>
|
||||
<<swatch background>>
|
||||
<<swatch muted-foreground>>
|
||||
|
||||
@ -2,16 +2,16 @@ title: $:/core/macros/tabs
|
||||
tags: $:/tags/Macro
|
||||
|
||||
\define tabs(tabsList,default,state:"$:/state/tab",class,template)
|
||||
<div class="tw-tab-set $class$">
|
||||
<div class="tw-tab-buttons $class$">
|
||||
<div class="tc-tab-set $class$">
|
||||
<div class="tc-tab-buttons $class$">
|
||||
<$list filter="$tabsList$" variable="currentTab">
|
||||
<$button set=<<qualify "$state$">> setTo=<<currentTab>> default="$default$" selectedClass="tw-tab-selected">
|
||||
<$button set=<<qualify "$state$">> setTo=<<currentTab>> default="$default$" selectedClass="tc-tab-selected">
|
||||
<$transclude tiddler=<<currentTab>> field="caption">
|
||||
<$macrocall $name="currentTab" $type="text/plain" $output="text/plain"/>
|
||||
</$transclude>
|
||||
</$button>
|
||||
</$list>
|
||||
</div><div class="tw-tab-divider $class$"/><div class="tw-tab-content $class$">
|
||||
</div><div class="tc-tab-divider $class$"/><div class="tc-tab-content $class$">
|
||||
<$list filter="$tabsList$" variable="currentTab">
|
||||
|
||||
<$reveal type="match" state=<<qualify "$state$">> text=<<currentTab>> default="$default$">
|
||||
|
||||
@ -4,7 +4,7 @@ title: $:/snippets/paletteswitcher
|
||||
<<lingo Prompt>> <$view tiddler={{$:/palette}} field="name"/>
|
||||
|
||||
<$linkcatcher to="$:/palette">
|
||||
<div class="tw-chooser"><$list filter="[all[shadows+tiddlers]tag[$:/tags/Palette]sort[description]]"><div class="tw-chooser-item"><$link to={{!!title}}><div><$reveal state="$:/palette" type="match" text={{!!title}}>•</$reveal><$reveal state="$:/palette" type="nomatch" text={{!!title}}> </$reveal> ''<$view field="name" format="text"/>'' - <$view field="description" format="text"/></div><$transclude tiddler="$:/snippets/currpalettepreview"/></$link></div>
|
||||
<div class="tc-chooser"><$list filter="[all[shadows+tiddlers]tag[$:/tags/Palette]sort[description]]"><div class="tc-chooser-item"><$link to={{!!title}}><div><$reveal state="$:/palette" type="match" text={{!!title}}>•</$reveal><$reveal state="$:/palette" type="nomatch" text={{!!title}}> </$reveal> ''<$view field="name" format="text"/>'' - <$view field="description" format="text"/></div><$transclude tiddler="$:/snippets/currpalettepreview"/></$link></div>
|
||||
</$list>
|
||||
</div>
|
||||
</$linkcatcher>
|
||||
@ -1,10 +1,10 @@
|
||||
title: $:/snippets/recentchanges
|
||||
|
||||
<$list filter="[!is[system]has[modified]!sort[modified]limit[100]eachday[modified]]">
|
||||
<div class="tw-menu-list-item">
|
||||
<div class="tc-menu-list-item">
|
||||
<$view field="modified" format="date" template={{$:/language/RecentChanges/DateFormat}}/>
|
||||
<$list filter="[sameday{!!modified}!is[system]!sort[modified]]">
|
||||
<div class="tw-menu-list-subitem">
|
||||
<div class="tc-menu-list-subitem">
|
||||
<$link to={{!!title}}>
|
||||
<$view field="title"/>
|
||||
</$link>
|
||||
|
||||
@ -21,7 +21,7 @@ $body$
|
||||
|
||||
</$reveal>
|
||||
\end
|
||||
<div class="tw-table-of-contents">
|
||||
<div class="tc-table-of-contents">
|
||||
|
||||
# Guide
|
||||
## <<toc-heading "Introduction" "
|
||||
|
||||
@ -6,17 +6,17 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
Submit new entries to this collection of articles via GitHub, Twitter or by posting in the [[TiddlyWiki Groups]].
|
||||
|
||||
<div class="tw-link-info">
|
||||
<div class="tc-link-info">
|
||||
|
||||
<$list filter="[tag[articles]!sort[modified]]">
|
||||
|
||||
<div class="tw-link-info-item">
|
||||
<div class="tc-link-info-item">
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
!!! <a href={{!!url}} target="_blank"><$text text={{!!url}}/></a>
|
||||
|
||||
<div class="tw-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -8,17 +8,17 @@ This collection showcases inspiring and interesting examples of TiddlyWiki being
|
||||
|
||||
Submit new entries to this collection via GitHub, Twitter or by posting in the [[TiddlyWiki Groups]].
|
||||
|
||||
<div class="tw-link-info">
|
||||
<div class="tc-link-info">
|
||||
|
||||
<$list filter="[tag[examples]!sort[modified]]">
|
||||
|
||||
<div class="tw-link-info-item">
|
||||
<div class="tc-link-info-item">
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
!!! <a href={{!!url}} target="_blank"><$text text={{!!url}}/></a>
|
||||
|
||||
<div class="tw-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -6,17 +6,17 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
The latest news, articles, resources and examples.
|
||||
|
||||
<div class="tw-link-info">
|
||||
<div class="tc-link-info">
|
||||
|
||||
<$list filter="[tag[articles]] [tag[examples]] [tag[resources]] +[!sort[modified]limit[7]]">
|
||||
|
||||
<div class="tw-link-info-item">
|
||||
<div class="tc-link-info-item">
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
!!! <a href={{!!url}} target="_blank"><$text text={{!!url}}/></a>
|
||||
|
||||
<div class="tw-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -6,17 +6,17 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
These resources created by the TiddlyWiki [[Community]] help you get the best out of TiddlyWiki. Submit new entries via GitHub, Twitter or by posting in the [[TiddlyWiki Groups]].
|
||||
|
||||
<div class="tw-link-info">
|
||||
<div class="tc-link-info">
|
||||
|
||||
<$list filter='[tag[resources]!sort[modified]]'>
|
||||
|
||||
<div class="tw-link-info-item">
|
||||
<div class="tc-link-info-item">
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
!!! <a href={{!!url}} target="_blank"><$text text={{!!url}}/></a>
|
||||
|
||||
<div class="tw-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ tags: table-of-contents-example
|
||||
!! Expandable Table of Contents
|
||||
|
||||
<$macrocall $name="wikitext-example-without-html"
|
||||
src="<div class='tw-table-of-contents'>
|
||||
src="<div class='tc-table-of-contents'>
|
||||
<<toc-expandable 'Contents'>>
|
||||
</div>
|
||||
"/>
|
||||
|
||||
@ -5,7 +5,7 @@ tags: table-of-contents-example
|
||||
!! Selective Expandable Table of Contents
|
||||
|
||||
<$macrocall $name="wikitext-example-without-html"
|
||||
src="<div class='tw-table-of-contents'>
|
||||
src="<div class='tc-table-of-contents'>
|
||||
<<toc-selective-expandable 'Contents'>>
|
||||
</div>
|
||||
"/>
|
||||
|
||||
@ -5,7 +5,7 @@ tags: table-of-contents-example
|
||||
!! Simple Table of Contents
|
||||
|
||||
<$macrocall $name="wikitext-example-without-html"
|
||||
src="<div class='tw-table-of-contents'>
|
||||
src="<div class='tc-table-of-contents'>
|
||||
<<toc 'Contents'>>
|
||||
</div>
|
||||
"/>
|
||||
|
||||
@ -5,7 +5,7 @@ tags: table-of-contents-example
|
||||
!! Sorted Expandable Table of Contents
|
||||
|
||||
<$macrocall $name="wikitext-example-without-html"
|
||||
src="<div class='tw-table-of-contents'>
|
||||
src="<div class='tc-table-of-contents'>
|
||||
<<toc-expandable 'Contents' 'sort[title]'>>
|
||||
</div>
|
||||
"/>
|
||||
|
||||
@ -9,7 +9,7 @@ Several features work in concert to give the desired behaviour for draft tiddler
|
||||
* The ListWidget can optionally render draft tiddlers through a different template
|
||||
* The NavigatorWidget incorporates handlers for the following events:
|
||||
** `tw-new-tiddler` for creating a new tiddler in draft mode
|
||||
** `tc-edit-tiddler` for moving a tiddler into edit mode
|
||||
** `tw-edit-tiddler` for moving a tiddler into edit mode
|
||||
** `tw-cancel-tiddler` for cancelling a tiddler out of edit mode
|
||||
** `tw-save-tiddler` for saving a draft tiddler
|
||||
* Draft tiddlers are automatically excluded from search operations
|
||||
|
||||
@ -13,7 +13,7 @@ The history list also maintains the field ''current-tiddler'' that contains the
|
||||
```
|
||||
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
|
||||
|
||||
<$button message="tw-close-tiddler" class="tc-btn-invisible btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/> <$reveal type="match" state="$:/HistoryList!!current-tiddler" text=<<currentTiddler>>>✓</$reveal></$link>
|
||||
<$button message="tw-close-tiddler" class="tc-btn-invisible tc-btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/> <$reveal type="match" state="$:/HistoryList!!current-tiddler" text=<<currentTiddler>>>✓</$reveal></$link>
|
||||
|
||||
</$list>
|
||||
```
|
||||
@ -22,6 +22,6 @@ Which renders the same as the "Open" sidebar tab, with the addition of a tick ag
|
||||
|
||||
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
|
||||
|
||||
<$button message="tw-close-tiddler" class="tc-btn-invisible btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/> <$reveal type="match" state="$:/HistoryList!!current-tiddler" text=<<currentTiddler>>>✓</$reveal></$link>
|
||||
<$button message="tw-close-tiddler" class="tc-btn-invisible tc-btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/> <$reveal type="match" state="$:/HistoryList!!current-tiddler" text=<<currentTiddler>>>✓</$reveal></$link>
|
||||
|
||||
</$list>
|
||||
|
||||
@ -28,7 +28,7 @@ Note how this approach makes the ''open'' tab in the sidebar very easy to implem
|
||||
|
||||
```
|
||||
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
|
||||
<$button message="tw-close-tiddler" class="tc-btn-invisible btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/></$link>
|
||||
<$button message="tw-close-tiddler" class="tc-btn-invisible tc-btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/></$link>
|
||||
</$list>
|
||||
```
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ tags: $:/tags/stylesheet
|
||||
|
||||
@media (min-width: 600px) {
|
||||
|
||||
.tw-link-info {
|
||||
.tc-link-info {
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@ -13,14 +13,14 @@ tags: $:/tags/stylesheet
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tw-link-info-item {
|
||||
.tc-link-info-item {
|
||||
max-width: 25em;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tw-link-info-item {
|
||||
.tc-link-info-item {
|
||||
display: inline-block;
|
||||
border: 1px solid <<colour muted-foreground>>;
|
||||
padding: 5px 10px;
|
||||
@ -30,12 +30,12 @@ tags: $:/tags/stylesheet
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.tw-link-info-item h1 {
|
||||
.tc-link-info-item h1 {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.tw-scrollable-demo {
|
||||
.tc-scrollable-demo {
|
||||
border: 1px solid <<colour message-border>>;
|
||||
background-color: <<colour message-background>>;
|
||||
padding: 1em;
|
||||
|
||||
@ -53,10 +53,10 @@ The ''types'' listing is performed with this markup:
|
||||
|
||||
```
|
||||
<$list filter="[!is[system]has[type]each[type]sort[type]]">
|
||||
<div class="tw-menu-list-item">
|
||||
<div class="tc-menu-list-item">
|
||||
<$view field="type"/>
|
||||
<$list filter="[type{!!type}!is[system]sort[title]]">
|
||||
<div class="tw-menu-list-subitem">
|
||||
<div class="tc-menu-list-subitem">
|
||||
<$link to={{!!title}}><$view field="title"/></$link>
|
||||
</div>
|
||||
</$list>
|
||||
@ -71,10 +71,10 @@ The ''recent'' listing is performed with this markup:
|
||||
|
||||
```
|
||||
<$list filter="[!is[system]has[modified]!sort[modified]limit[100]eachday[modified]]">
|
||||
<div class="tw-menu-list-item">
|
||||
<div class="tc-menu-list-item">
|
||||
<$view field="modified" format="date" template="DDth MMM YYYY"/>
|
||||
<$list filter="[sameday{!!modified}!is[system]!sort[modified]]">
|
||||
<div class="tw-menu-list-subitem">
|
||||
<div class="tc-menu-list-subitem">
|
||||
<$link to={{!!title}}><$view field="title"/></$link>
|
||||
</div>
|
||||
</$list>
|
||||
|
||||
@ -23,7 +23,7 @@ If a scrollable widget can't handle the `tw-scroll` message because the inner DI
|
||||
This example requires the following CSS definitions from [[$:/_tw5.com-styles]]:
|
||||
|
||||
```
|
||||
.tw-scrollable-demo {
|
||||
.tc-scrollable-demo {
|
||||
border: 1px solid <<colour message-border>>;
|
||||
background-color: <<colour message-background>>;
|
||||
padding: 1em;
|
||||
@ -33,7 +33,7 @@ This example requires the following CSS definitions from [[$:/_tw5.com-styles]]:
|
||||
|
||||
This wiki text shows how to display a list within the scrollable widget:
|
||||
|
||||
<<wikitext-example-without-html "<$scrollable class='tw-scrollable-demo'>
|
||||
<<wikitext-example-without-html "<$scrollable class='tc-scrollable-demo'>
|
||||
<$list filter='[!is[system]]'>
|
||||
|
||||
<$view field='title'/>: <$list filter='[all[current]links[]sort[title]]' storyview='pop'>
|
||||
|
||||
@ -3,15 +3,15 @@ tags: [[$:/tags/stylesheet]]
|
||||
|
||||
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
|
||||
|
||||
.tw-barwidget {
|
||||
.tc-barwidget {
|
||||
}
|
||||
|
||||
.tw-barwidget text {
|
||||
.tc-barwidget text {
|
||||
font: 8px sans-serif;
|
||||
}
|
||||
|
||||
.tw-barwidget .axis path,
|
||||
.tw-barwidget .axis line {
|
||||
.tc-barwidget .axis path,
|
||||
.tc-barwidget .axis line {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
shape-rendering: crispEdges;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
title: $:/UpgradeWizard
|
||||
tags: $:/tags/AboveStory
|
||||
|
||||
<div class="tw-upgrade-wizard-wrapper">
|
||||
<div class="tc-upgrade-wizard-wrapper">
|
||||
|
||||
<div class="tw-upgrade-wizard">
|
||||
<div class="tc-upgrade-wizard">
|
||||
|
||||
! ~TiddlyWiki Upgrade Wizard
|
||||
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
title: $:/plugins/tiddlywiki/upgrade/styles
|
||||
tags: $:/tags/stylesheet
|
||||
|
||||
.tw-upgrade-wizard-wrapper {
|
||||
.tc-upgrade-wizard-wrapper {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard {
|
||||
.tc-upgrade-wizard {
|
||||
background: <<colour tiddler-background>>;
|
||||
padding: 2em;
|
||||
display: inline-block;
|
||||
@ -17,32 +17,32 @@ tags: $:/tags/stylesheet
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard svg.tc-image-download-button {
|
||||
.tc-upgrade-wizard svg.tc-image-download-button {
|
||||
width: 14em;
|
||||
height: 14em;
|
||||
fill: <<colour muted-foreground>>;
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard:hover svg.tc-image-download-button {
|
||||
.tc-upgrade-wizard:hover svg.tc-image-download-button {
|
||||
fill: <<colour foreground>>;
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard svg .tc-image-download-button-ring {
|
||||
.tc-upgrade-wizard svg .tc-image-download-button-ring {
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard:hover svg .tc-image-download-button-ring {
|
||||
.tc-upgrade-wizard:hover svg .tc-image-download-button-ring {
|
||||
fill: <<colour primary>>;
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard em {
|
||||
.tc-upgrade-wizard em {
|
||||
color: <<colour tiddler-subtitle-foreground>>;
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard table {
|
||||
.tc-upgrade-wizard table {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tw-upgrade-wizard input[type=file] {
|
||||
.tc-upgrade-wizard input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
@ -5,7 +5,7 @@ tags: [[$:/tags/stylesheet]]
|
||||
|
||||
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
|
||||
|
||||
html .tw-page-container {
|
||||
html .tc-page-container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@ -17,7 +17,7 @@ tags: [[$:/tags/stylesheet]]
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
html .tw-sidebar-scrollable {
|
||||
html .tc-sidebar-scrollable {
|
||||
text-align: left;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
|
||||
@ -8,11 +8,11 @@ list-after: $:/themes/tiddlywiki/vanilla/base
|
||||
Rules copied from Snow White
|
||||
*/
|
||||
|
||||
.tw-page-controls button svg, .tc-tiddler-controls button svg, .tw-topbar button svg {
|
||||
.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
|
||||
<<transition "fill 150ms ease-in-out">>
|
||||
}
|
||||
|
||||
.tc-tiddler-controls button.tw-selected svg {
|
||||
.tc-tiddler-controls button.tc-selected svg {
|
||||
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
|
||||
}
|
||||
|
||||
@ -26,7 +26,7 @@ Rules copied from Snow White
|
||||
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
|
||||
}
|
||||
|
||||
.tw-modal-displayed {
|
||||
.tc-modal-displayed {
|
||||
-webkit-filter: blur(4px);
|
||||
}
|
||||
|
||||
@ -67,7 +67,7 @@ Seamless modifications
|
||||
}
|
||||
|
||||
/* Move the sidebar up so that the title lines up */
|
||||
body.tc-body .tw-sidebar-scrollable {
|
||||
body.tc-body .tc-sidebar-scrollable {
|
||||
padding: 43px 0 28px 42px;
|
||||
}
|
||||
|
||||
@ -93,11 +93,11 @@ html:-webkit-full-screen {
|
||||
}
|
||||
|
||||
/* Adjust the colour of the page controls */
|
||||
body.tc-body .tw-page-controls svg {
|
||||
body.tc-body .tc-page-controls svg {
|
||||
fill: <<colour muted-foreground>>;
|
||||
}
|
||||
|
||||
/* Adjust the colour of the sidebar selected tabs */
|
||||
body.tc-body .tw-sidebar-lists .tw-tab-buttons button.tw-tab-selected {
|
||||
body.tc-body .tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {
|
||||
background-color: <<colour background>>;
|
||||
}
|
||||
|
||||
@ -23,11 +23,11 @@ tags: [[$:/tags/stylesheet]]
|
||||
}
|
||||
}
|
||||
|
||||
.tw-page-controls button svg, .tc-tiddler-controls button svg, .tw-topbar button svg {
|
||||
.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
|
||||
<<transition "fill 150ms ease-in-out">>
|
||||
}
|
||||
|
||||
.tc-tiddler-controls button.tw-selected svg {
|
||||
.tc-tiddler-controls button.tc-selected svg {
|
||||
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
|
||||
}
|
||||
|
||||
@ -59,7 +59,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
|
||||
}
|
||||
|
||||
.tw-modal-displayed {
|
||||
.tc-modal-displayed {
|
||||
-webkit-filter: blur(4px);
|
||||
}
|
||||
|
||||
@ -85,15 +85,15 @@ canvas.tc-edit-bitmapeditor {
|
||||
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
|
||||
}
|
||||
|
||||
.tw-sidebar-lists .tw-tab-divider {
|
||||
.tc-sidebar-lists .tc-tab-divider {
|
||||
<<background-linear-gradient "left, rgb(216,216,216) 0%, rgb(236,236,236) 250px">>
|
||||
}
|
||||
|
||||
.tw-more-sidebar .tw-tab-buttons button {
|
||||
.tc-more-sidebar .tc-tab-buttons button {
|
||||
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(224,224,224) 100%">>
|
||||
}
|
||||
|
||||
.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
|
||||
.tc-more-sidebar .tc-tab-buttons button.tc-tab-selected {
|
||||
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(248,248,248) 100%">>
|
||||
}
|
||||
|
||||
|
||||
@ -14,11 +14,11 @@ Placeholder for a more thorough refinement of Snow White
|
||||
src: local("Arvo"), url(<<datauri "$:/themes/tiddlywiki/starlight/arvo.woff">>) format("woff");
|
||||
}
|
||||
|
||||
html body, .tw-sidebar-scrollable-backdrop {
|
||||
html body, .tc-sidebar-scrollable-backdrop {
|
||||
font-family: "Arvo", "Times";
|
||||
background: url(<<datauri "$:/themes/tiddlywiki/starlight/ltbg.jpg">>);
|
||||
}
|
||||
|
||||
.tw-page-controls svg {
|
||||
.tc-page-controls svg {
|
||||
<<filter "drop-shadow(1px 1px 2px rgba(255,255,255,0.9))">>
|
||||
}
|
||||
|
||||
@ -146,11 +146,11 @@ a.tc-tiddlylink {
|
||||
-webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */
|
||||
}
|
||||
|
||||
.tw-sidebar-lists a.tc-tiddlylink {
|
||||
.tc-sidebar-lists a.tc-tiddlylink {
|
||||
color: <<colour sidebar-tiddler-link-foreground>>;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists a.tc-tiddlylink:hover {
|
||||
.tc-sidebar-lists a.tc-tiddlylink:hover {
|
||||
color: <<colour sidebar-tiddler-link-foreground-hover>>;
|
||||
}
|
||||
|
||||
@ -271,20 +271,20 @@ button svg, button img {
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists input {
|
||||
.tc-sidebar-lists input {
|
||||
color: <<colour foreground>>;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists button {
|
||||
.tc-sidebar-lists button {
|
||||
color: <<colour sidebar-button-foreground>>;
|
||||
fill: <<colour sidebar-button-foreground>>;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists button.btn-mini {
|
||||
.tc-sidebar-lists button.tc-btn-mini {
|
||||
color: <<colour sidebar-muted-foreground>>;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists button.btn-mini:hover {
|
||||
.tc-sidebar-lists button.tc-btn-mini:hover {
|
||||
color: <<colour sidebar-muted-foreground-hover>>;
|
||||
}
|
||||
|
||||
@ -297,17 +297,17 @@ button svg.tc-image-button, button .tc-image-button img {
|
||||
** Tags and missing tiddlers
|
||||
*/
|
||||
|
||||
.tw-tag-list-item {
|
||||
.tc-tag-list-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
.tw-tags-wrapper {
|
||||
.tc-tags-wrapper {
|
||||
margin: 4px 0 14px 0;
|
||||
}
|
||||
|
||||
.tw-missing-tiddler-label {
|
||||
.tc-missing-tiddler-label {
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
@ -317,7 +317,7 @@ button svg.tc-image-button, button .tc-image-button img {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
button.tw-tag-label, span.tw-tag-label {
|
||||
button.tc-tag-label, span.tc-tag-label {
|
||||
display: inline-block;
|
||||
padding: 2px 9px;
|
||||
font-size: 0.9em;
|
||||
@ -330,11 +330,11 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.tw-untagged-label {
|
||||
.tc-untagged-label {
|
||||
background-color: <<colour untagged-background>>;
|
||||
}
|
||||
|
||||
.tw-tag-label svg, .tw-tag-label img {
|
||||
.tc-tag-label svg, .tc-tag-label img {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
fill: <<colour tag-foreground>>;
|
||||
@ -344,30 +344,30 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
** Page layout
|
||||
*/
|
||||
|
||||
.tw-topbar {
|
||||
.tc-topbar {
|
||||
position: fixed;
|
||||
z-index: 1200;
|
||||
}
|
||||
|
||||
.tw-topbar-left {
|
||||
.tc-topbar-left {
|
||||
left: 29px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.tw-topbar-right {
|
||||
.tc-topbar-right {
|
||||
top: 5px;
|
||||
right: 29px;
|
||||
}
|
||||
|
||||
.tw-topbar button {
|
||||
.tc-topbar button {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.tw-topbar svg {
|
||||
.tc-topbar svg {
|
||||
fill: <<colour muted-foreground>>;
|
||||
}
|
||||
|
||||
.tw-topbar button:hover svg {
|
||||
.tc-topbar button:hover svg {
|
||||
fill: <<colour foreground>>;
|
||||
}
|
||||
|
||||
@ -380,12 +380,12 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.tc-sidebar-header .tw-sidebar-lists p {
|
||||
.tc-sidebar-header .tc-sidebar-lists p {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.tc-sidebar-header .tw-missing-tiddler-label {
|
||||
.tc-sidebar-header .tc-missing-tiddler-label {
|
||||
color: <<colour sidebar-foreground>>;
|
||||
}
|
||||
|
||||
@ -401,36 +401,36 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
padding-top: 14px;
|
||||
}
|
||||
|
||||
.tw-page-controls {
|
||||
.tc-page-controls {
|
||||
margin-top: 14px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.tw-page-controls button {
|
||||
.tc-page-controls button {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.tw-page-controls a.tc-tiddlylink:hover {
|
||||
.tc-page-controls a.tc-tiddlylink:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tw-page-controls img {
|
||||
.tc-page-controls img {
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.tw-page-controls svg {
|
||||
.tc-page-controls svg {
|
||||
fill: <<colour sidebar-controls-foreground>>;
|
||||
}
|
||||
|
||||
.tw-page-controls button:hover svg, .tw-page-controls a:hover svg {
|
||||
.tc-page-controls button:hover svg, .tc-page-controls a:hover svg {
|
||||
fill: <<colour sidebar-controls-foreground-hover>>;
|
||||
}
|
||||
|
||||
.tw-menu-list-item {
|
||||
.tc-menu-list-item {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tw-menu-list-count {
|
||||
.tc-menu-list-count {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -438,7 +438,7 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
<<transform-origin "0% 0%">>
|
||||
}
|
||||
|
||||
.tw-menu-list-subitem {
|
||||
.tc-menu-list-subitem {
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
@ -470,7 +470,7 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
margin: 21px -21px 21px -21px;
|
||||
}
|
||||
|
||||
.tw-sidebar-scrollable {
|
||||
.tc-sidebar-scrollable {
|
||||
position: fixed;
|
||||
top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
|
||||
left: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}};
|
||||
@ -507,7 +507,7 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.tc-sidebar-header, .tw-topbar {
|
||||
.tc-sidebar-header, .tc-topbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -545,23 +545,23 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.tc-tiddler-info .tw-tab-buttons button.tw-tab-selected {
|
||||
.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected {
|
||||
background-color: <<colour tiddler-info-tab-background>>;
|
||||
border-bottom: 1px solid <<colour tiddler-info-tab-background>>;
|
||||
}
|
||||
|
||||
.tw-view-field-table {
|
||||
.tc-view-field-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tw-view-field-name {
|
||||
.tc-view-field-name {
|
||||
width: 1%; /* Makes this column be as narrow as possible */
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.tw-view-field-value {
|
||||
.tc-view-field-value {
|
||||
}
|
||||
|
||||
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
|
||||
@ -593,7 +593,7 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
}
|
||||
}
|
||||
|
||||
.tw-site-title,
|
||||
.tc-site-title,
|
||||
.tc-titlebar {
|
||||
font-weight: 300;
|
||||
font-size: 2.35em;
|
||||
@ -602,7 +602,7 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tw-system-title-prefix {
|
||||
.tc-system-title-prefix {
|
||||
color: <<colour muted-foreground>>;
|
||||
}
|
||||
|
||||
@ -610,7 +610,7 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.tw-subtitle {
|
||||
.tc-subtitle {
|
||||
font-size: 0.9em;
|
||||
color: <<colour tiddler-subtitle-foreground>>;
|
||||
font-weight: 300;
|
||||
@ -638,7 +638,7 @@ button.tw-tag-label, span.tw-tag-label {
|
||||
fill: <<colour tiddler-controls-foreground>>;
|
||||
}
|
||||
|
||||
.tc-tiddler-controls button.tw-selected svg {
|
||||
.tc-tiddler-controls button.tc-selected svg {
|
||||
fill: <<colour tiddler-controls-foreground-selected>>;
|
||||
}
|
||||
|
||||
@ -705,15 +705,15 @@ canvas.tc-edit-bitmapeditor {
|
||||
** Toolbar buttons
|
||||
*/
|
||||
|
||||
.tw-page-controls svg.tc-image-new-button {
|
||||
.tc-page-controls svg.tc-image-new-button {
|
||||
fill: <<colour toolbar-new-button>>;
|
||||
}
|
||||
|
||||
.tw-page-controls svg.tc-image-options-button {
|
||||
.tc-page-controls svg.tc-image-options-button {
|
||||
fill: <<colour toolbar-options-button>>;
|
||||
}
|
||||
|
||||
.tw-page-controls svg.tc-image-save-button {
|
||||
.tc-page-controls svg.tc-image-save-button {
|
||||
fill: <<colour toolbar-save-button>>;
|
||||
}
|
||||
|
||||
@ -763,11 +763,11 @@ canvas.tc-edit-bitmapeditor {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tc-edit-add-tag .tw-add-tag-name input {
|
||||
.tc-edit-add-tag .tc-add-tag-name input {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.tc-edit-tags .tw-tag-label {
|
||||
.tc-edit-tags .tc-tag-label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@ -905,25 +905,25 @@ canvas.tc-edit-bitmapeditor {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.tc-drop-down .tw-file-input-wrapper {
|
||||
.tc-drop-down .tc-file-input-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tc-drop-down .tw-file-input-wrapper button {
|
||||
.tc-drop-down .tc-file-input-wrapper button {
|
||||
color: <<colour foreground>>;
|
||||
}
|
||||
|
||||
.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tw-file-input-wrapper:hover button {
|
||||
.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tc-file-input-wrapper:hover button {
|
||||
color: <<colour tiddler-link-background>>;
|
||||
background-color: <<colour tiddler-link-foreground>>;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tc-drop-down .tw-tab-buttons button {
|
||||
.tc-drop-down .tc-tab-buttons button {
|
||||
background-color: <<colour dropdown-tab-background>>;
|
||||
}
|
||||
|
||||
.tc-drop-down .tw-tab-buttons button.tw-tab-selected {
|
||||
.tc-drop-down .tc-tab-buttons button.tc-tab-selected {
|
||||
background-color: <<colour dropdown-tab-background-selected>>;
|
||||
border-bottom: 1px solid <<colour dropdown-tab-background-selected>>;
|
||||
}
|
||||
@ -933,7 +933,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
width: 0.5em;
|
||||
}
|
||||
|
||||
.tc-drop-down .tw-tab-contents a {
|
||||
.tc-drop-down .tc-tab-contents a {
|
||||
padding: 0 0.5em 0 0.5em;
|
||||
}
|
||||
|
||||
@ -1062,18 +1062,18 @@ canvas.tc-edit-bitmapeditor {
|
||||
** Tabs
|
||||
*/
|
||||
|
||||
.tw-tab-set.tc-vertical {
|
||||
.tc-tab-set.tc-vertical {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tw-tab-buttons {
|
||||
.tc-tab-buttons {
|
||||
font-size: 0.85em;
|
||||
padding-top: 1em;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.tw-tab-buttons.tc-vertical {
|
||||
.tc-tab-buttons.tc-vertical {
|
||||
z-index: 100;
|
||||
display: block;
|
||||
padding-top: 14px;
|
||||
@ -1086,7 +1086,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.tw-tab-buttons button.tw-tab-selected {
|
||||
.tc-tab-buttons button.tc-tab-selected {
|
||||
color: <<colour tab-foreground-selected>>;
|
||||
background-color: <<colour tab-background-selected>>;
|
||||
border-left: 1px solid <<colour tab-border-selected>>;
|
||||
@ -1094,7 +1094,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
border-right: 1px solid <<colour tab-border-selected>>;
|
||||
}
|
||||
|
||||
.tw-tab-buttons button {
|
||||
.tc-tab-buttons button {
|
||||
color: <<colour tab-foreground>>;
|
||||
padding: 3px 5px 3px 5px;
|
||||
font-weight: 300;
|
||||
@ -1106,7 +1106,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
border-right: 1px solid <<colour tab-border>>;
|
||||
}
|
||||
|
||||
.tw-tab-buttons.tc-vertical button {
|
||||
.tc-tab-buttons.tc-vertical button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
@ -1117,24 +1117,24 @@ canvas.tc-edit-bitmapeditor {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.tw-tab-buttons.tc-vertical button.tw-tab-selected {
|
||||
.tc-tab-buttons.tc-vertical button.tc-tab-selected {
|
||||
background-color: <<colour tab-background-selected>>;
|
||||
border-right: 1px solid <<colour tab-background-selected>>;
|
||||
}
|
||||
|
||||
.tw-tab-divider {
|
||||
.tc-tab-divider {
|
||||
border-top: 1px solid <<colour tab-divider>>;
|
||||
}
|
||||
|
||||
.tw-tab-divider.tc-vertical {
|
||||
.tc-tab-divider.tc-vertical {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tw-tab-content {
|
||||
.tc-tab-content {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.tw-tab-content.tc-vertical {
|
||||
.tc-tab-content.tc-vertical {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-top: 0;
|
||||
@ -1144,7 +1144,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
flex: 1 0 70%;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists .tw-tab-buttons button.tw-tab-selected {
|
||||
.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {
|
||||
background-color: <<colour sidebar-tab-background-selected>>;
|
||||
color: <<colour sidebar-tab-foreground-selected>>;
|
||||
border-left: 1px solid <<colour sidebar-tab-border-selected>>;
|
||||
@ -1152,7 +1152,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
border-right: 1px solid <<colour sidebar-tab-border-selected>>;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists .tw-tab-buttons button {
|
||||
.tc-sidebar-lists .tc-tab-buttons button {
|
||||
background-color: <<colour sidebar-tab-background>>;
|
||||
color: <<colour sidebar-tab-foreground>>;
|
||||
border-left: 1px solid <<colour sidebar-tab-border>>;
|
||||
@ -1160,11 +1160,11 @@ canvas.tc-edit-bitmapeditor {
|
||||
border-right: 1px solid <<colour sidebar-tab-border>>;
|
||||
}
|
||||
|
||||
.tw-sidebar-lists .tw-tab-divider {
|
||||
.tc-sidebar-lists .tc-tab-divider {
|
||||
border-top: 1px solid <<colour sidebar-tab-divider>>;
|
||||
}
|
||||
|
||||
.tw-more-sidebar .tw-tab-buttons button {
|
||||
.tc-more-sidebar .tc-tab-buttons button {
|
||||
background-color: <<colour sidebar-tab-background>>;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
@ -1173,7 +1173,7 @@ canvas.tc-edit-bitmapeditor {
|
||||
margin-bottom: inherit;
|
||||
}
|
||||
|
||||
.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
|
||||
.tc-more-sidebar .tc-tab-buttons button.tc-tab-selected {
|
||||
background-color: <<colour sidebar-tab-background-selected>>;
|
||||
border: none;
|
||||
}
|
||||
@ -1315,15 +1315,15 @@ a.tc-tiddlylink.tc-plugin-info:hover {
|
||||
** Chooser
|
||||
*/
|
||||
|
||||
.tw-chooser {
|
||||
.tc-chooser {
|
||||
border: 1px solid <<colour table-border>>;
|
||||
}
|
||||
|
||||
.tw-chooser-item {
|
||||
.tc-chooser-item {
|
||||
border: 8px;
|
||||
}
|
||||
|
||||
.tw-chooser-item a.tc-tiddlylink {
|
||||
.tc-chooser-item a.tc-tiddlylink {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: <<colour tiddler-link-foreground>>;
|
||||
@ -1331,7 +1331,7 @@ a.tc-tiddlylink.tc-plugin-info:hover {
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.tw-chooser-item a.tc-tiddlylink:hover {
|
||||
.tc-chooser-item a.tc-tiddlylink:hover {
|
||||
text-decoration: none;
|
||||
color: <<colour tiddler-link-background>>;
|
||||
background-color: <<colour tiddler-link-foreground>>;
|
||||
@ -1341,14 +1341,14 @@ a.tc-tiddlylink.tc-plugin-info:hover {
|
||||
** Palette swatches
|
||||
*/
|
||||
|
||||
.tw-swatches-horiz {
|
||||
.tc-swatches-horiz {
|
||||
}
|
||||
|
||||
.tw-swatches-horiz .tw-swatch {
|
||||
.tc-swatches-horiz .tc-swatch {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tw-swatch {
|
||||
.tc-swatch {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
margin: 4px;
|
||||
@ -1359,60 +1359,60 @@ a.tc-tiddlylink.tc-plugin-info:hover {
|
||||
** Table of contents
|
||||
*/
|
||||
|
||||
.tw-sidebar-lists .tw-table-of-contents {
|
||||
.tc-sidebar-lists .tc-table-of-contents {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tw-table-of-contents button {
|
||||
.tc-table-of-contents button {
|
||||
color: <<colour sidebar-foreground>>;
|
||||
}
|
||||
|
||||
.tw-table-of-contents svg {
|
||||
.tc-table-of-contents svg {
|
||||
width: 0.7em;
|
||||
height: 0.7em;
|
||||
vertical-align: middle;
|
||||
fill: <<colour sidebar-foreground>>;
|
||||
}
|
||||
|
||||
.tw-table-of-contents ol {
|
||||
.tc-table-of-contents ol {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.tw-table-of-contents ol ol {
|
||||
.tc-table-of-contents ol ol {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.tw-table-of-contents li {
|
||||
.tc-table-of-contents li {
|
||||
font-size: 1.0em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tw-table-of-contents li a {
|
||||
.tc-table-of-contents li a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tw-table-of-contents li li {
|
||||
.tc-table-of-contents li li {
|
||||
font-size: 0.95em;
|
||||
font-weight: normal;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.tw-table-of-contents li li a {
|
||||
.tc-table-of-contents li li a {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.tw-table-of-contents li li li {
|
||||
.tc-table-of-contents li li li {
|
||||
font-size: 0.95em;
|
||||
font-weight: 200;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.tw-table-of-contents li li li a {
|
||||
.tc-table-of-contents li li li a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tw-table-of-contents li li li li {
|
||||
.tc-table-of-contents li li li li {
|
||||
font-size: 0.95em;
|
||||
font-weight: 200;
|
||||
}
|
||||
@ -1430,14 +1430,14 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
|
||||
** File inputs
|
||||
*/
|
||||
|
||||
.tw-file-input-wrapper {
|
||||
.tc-file-input-wrapper {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tw-file-input-wrapper input[type=file] {
|
||||
.tc-file-input-wrapper input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user