mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-27 12:07:19 +00:00
Styling improvements
This commit is contained in:
parent
11f1011acc
commit
b139f4c6f1
@ -16,6 +16,15 @@ module-type: stylesheet
|
|||||||
box-shadow: $shadow$;
|
box-shadow: $shadow$;
|
||||||
```
|
```
|
||||||
\end
|
\end
|
||||||
|
\define background-linear-gradient(gradient)
|
||||||
|
```
|
||||||
|
background-image: linear-gradient($gradient$);
|
||||||
|
background-image: -o-linear-gradient($gradient$);
|
||||||
|
background-image: -moz-linear-gradient($gradient$);
|
||||||
|
background-image: -webkit-linear-gradient($gradient$);
|
||||||
|
background-image: -ms-linear-gradient($gradient$);
|
||||||
|
```
|
||||||
|
\end
|
||||||
|
|
||||||
{{$:/core/styles/reset}}
|
{{$:/core/styles/reset}}
|
||||||
|
|
||||||
@ -356,15 +365,38 @@ a.tw-tiddlylink-missing {
|
|||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tw-more-sidebar.tw-tab-set {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.tw-more-sidebar .tw-tab-buttons {
|
.tw-more-sidebar .tw-tab-buttons {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
padding-top: 0em;
|
||||||
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-more-sidebar .tw-tab-content {
|
.tw-more-sidebar .tw-tab-content {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
padding-top: 0em;
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tw-more-sidebar .tw-tab-buttons button {
|
||||||
|
background-color: #ececec;
|
||||||
|
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(224,224,224) 100%">>
|
||||||
|
border-top: none;
|
||||||
|
border-left: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-right: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
|
||||||
|
background-color: #fff;
|
||||||
|
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(255,255,255) 100%">>
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-search-results {
|
.tw-search-results {
|
||||||
|
@ -1,9 +1,6 @@
|
|||||||
title: $:/templates/MoreSideBar
|
title: $:/templates/MoreSideBar
|
||||||
|
|
||||||
<div class="tw-tab-set tw-more-sidebar">
|
<div class="tw-tab-set tw-more-sidebar"><div class="tw-tab-buttons">
|
||||||
<div class="tw-tab-buttons">
|
|
||||||
|
|
||||||
<$button type="set" set="$:/state/moreSideBarTabSet" setTo="openTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Open</$button>
|
|
||||||
|
|
||||||
<$button type="set" set="$:/state/moreSideBarTabSet" setTo="allTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">All</$button>
|
<$button type="set" set="$:/state/moreSideBarTabSet" setTo="allTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">All</$button>
|
||||||
|
|
||||||
@ -21,10 +18,9 @@ title: $:/templates/MoreSideBar
|
|||||||
|
|
||||||
<$button type="set" set="$:/state/moreSideBarTabSet" setTo="shadowsTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Shadows</$button>
|
<$button type="set" set="$:/state/moreSideBarTabSet" setTo="shadowsTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Shadows</$button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div><div class="tw-tab-content">
|
</div><div class="tw-tab-content">
|
||||||
<$reveal type="match" state="$:/state/moreSideBarTabSet" text="openTab" qualifyTiddlerTitles="yes">
|
|
||||||
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" itemClass="tw-menu-list-item"/>
|
|
||||||
</$reveal>
|
|
||||||
<$reveal type="match" state="$:/state/moreSideBarTabSet" text="allTab" qualifyTiddlerTitles="yes">
|
<$reveal type="match" state="$:/state/moreSideBarTabSet" text="allTab" qualifyTiddlerTitles="yes">
|
||||||
<$list filter="[!is[system]sort[title]]" itemClass="tw-menu-list-item"/>
|
<$list filter="[!is[system]sort[title]]" itemClass="tw-menu-list-item"/>
|
||||||
</$reveal>
|
</$reveal>
|
||||||
@ -49,5 +45,4 @@ title: $:/templates/MoreSideBar
|
|||||||
<$reveal type="match" state="$:/state/moreSideBarTabSet" text="shadowsTab" qualifyTiddlerTitles="yes">
|
<$reveal type="match" state="$:/state/moreSideBarTabSet" text="shadowsTab" qualifyTiddlerTitles="yes">
|
||||||
<$list filter="[is[shadow]sort[title]]" itemClass="tw-menu-list-item"/>
|
<$list filter="[is[shadow]sort[title]]" itemClass="tw-menu-list-item"/>
|
||||||
</$reveal>
|
</$reveal>
|
||||||
</div>
|
</div></div>
|
||||||
</div>
|
|
||||||
|
Loading…
Reference in New Issue
Block a user