1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-25 01:20:30 +00:00
TiddlyWiki5/themes/tiddlywiki/snowwhite/base.tid
Jermolene 23981bc2fd Adjust tiddler shadows
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
2015-02-23 11:27:17 +01:00

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)">>
}