mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-10-01 16:30:46 +00:00
23981bc2fd
Previously the shadow was to the bottom right. Overlapping tiddlers look better if the shadow seeps out from each of the sides of the tiddler
121 lines
2.6 KiB
Plaintext
121 lines
2.6 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 "2px 2px 4px rgba(0,0,0,0.2)">>
|
|
}
|