1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-15 06:14:53 +00:00
TiddlyWiki5/themes/tiddlywiki/snowwhite/base.tid
Jermolene 24435a46be Lots of improvements to the plugin library
* Moved “add new plugin” into a modal wizard
* Adopt big friendly buttons
* Add plugin icons and readmes to “add new plugin” modal
* Use tabs for splitting plugins/themes/languages
* Consistent styling between the “add new plugin” modal and the
“installed plugins” control panel tab
* Behind the scenes, moved from addressing the library as
`recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00

119 lines
2.5 KiB
Plaintext

title: $:/themes/tiddlywiki/snowwhite/base
tags: [[$:/tags/Stylesheet]]
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
.tc-sidebar-header {
text-shadow: 0 1px 0 <<colour sidebar-foreground-shadow>>;
}
.tc-tiddler-title {
position: -webkit-sticky;
position: -moz-sticky;
position: -o-sticky;
position: -ms-sticky;
position: sticky;
top: 0px;
background: <<colour tiddler-background>>;
z-index: 500;
}
.tc-tiddler-info {
<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">>
}
@media screen {
.tc-tiddler-frame {
<<box-shadow "1px 1px 5px rgba(0, 0, 0, 0.3)">>
}
}
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tc-tiddler-frame {
<<box-shadow none>>
}
}
.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
<<transition "fill 150ms ease-in-out">>
}
.tc-tiddler-controls button.tc-selected svg,
.tc-page-controls button.tc-selected svg {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
}
.tc-tiddler-frame input.tc-edit-texteditor {
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
}
.tc-edit-tags {
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
}
.tc-tiddler-frame .tc-edit-tags input.tc-edit-texteditor {
<<box-shadow "none">>
border: none;
outline: none;
}
canvas.tc-edit-bitmapeditor {
<<box-shadow "2px 2px 5px rgba(0, 0, 0, 0.5)">>
}
.tc-drop-down {
border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
}
.tc-block-dropdown {
border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
}
.tc-modal-displayed {
<<filter "blur(4px)">>
}
.tc-modal {
border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
}
.tc-modal-footer {
border-radius: 0 0 6px 6px;
<<box-shadow "inset 0 1px 0 #fff">>;
}
.tc-alert {
border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
}
.tc-notification {
border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
.tc-sidebar-lists .tc-tab-divider {
<<background-linear-gradient "left, rgb(216,216,216) 0%, rgb(236,236,236) 250px">>
}
.tc-more-sidebar .tc-tab-buttons button {
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(224,224,224) 100%">>
}
.tc-more-sidebar .tc-tab-buttons button.tc-tab-selected {
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(248,248,248) 100%">>
}
.tc-message-box img {
<<box-shadow "1px 1px 3px rgba(0,0,0,0.5)">>
}
.tc-plugin-info {
<<box-shadow "1px 1px 3px rgba(0,0,0,0.5)">>
}