mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-30 13:29:56 +00:00
Code Issues Releases Wiki Activity
2714e0939f
TiddlyWiki5/themes/tiddlywiki/vanilla/base.tid

1105 lines
20 KiB
Plaintext
Raw Normal View History

Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
title: $:/themes/tiddlywiki/vanilla/base
tags: [[$:/tags/stylesheet]]
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
/*
** Start with the normalize CSS reset, and then belay some of its effects
*/
{{$:/themes/tiddlywiki/vanilla/reset}}
*, input[type="search"] {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*
** Basic element styles
*/
html {
font-family: {{$:/themes/tiddlywiki/vanilla/settings##fontfamily}};
}
body.tw-body {
font-size: {{$:/themes/tiddlywiki/vanilla/metrics##fontsize}};
line-height: {{$:/themes/tiddlywiki/vanilla/metrics##lineheight}};
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour foreground>>;
background-color: <<colour page-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1em;
font-weight: 300;
}
pre {
display: block;
padding: 14px;
margin: 0 0 14px;
word-break: normal;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour pre-background>>;
border: 1px solid <<colour pre-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0 3px 2px;
<<border-radius 3px>>
}
code {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour code-foreground>>;
background-color: <<colour code-background>>;
border: 1px solid <<colour code-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
white-space: pre-wrap;
padding: 0 3px 2px;
<<border-radius 3px>>
}
Block quote styles
2013-12-05 16:20:37 +00:00
blockquote {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-left: 5px solid <<colour blockquote-bar>>;
Block quote styles
2013-12-05 16:20:37 +00:00
margin-left: 25px;
padding-left: 10px;
}
Formatting for definition lists
2013-12-11 13:12:56 +00:00
dl dt {
font-weight: bold;
margin-top: 6px;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
Markdown likes putting code elements inside pre elements
*/
pre > code {
padding: 0;
border: none;
background-color: inherit;
color: inherit;
}
table {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour table-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: auto;
max-width: 100%;
caption-side: bottom;
}
table th, table td {
padding: 0 7px 0 7px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-top: 1px solid <<colour table-border>>;
border-left: 1px solid <<colour table-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
table thead tr td, table th {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour table-header-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-weight: bold;
}
table tfoot tr td {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour table-footer-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tiddler-frame img, .tw-tiddler-frame svg, .tw-tiddler-frame canvas, .tw-tiddler-frame embed {
max-width: 100%;
}
.tw-tiddler-frame embed {
width: 100%;
height: 600px;
}
/*
** Links
*/
a.tw-tiddlylink {
text-decoration: none;
font-weight: normal;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
-webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */
}
.tw-sidebar-lists a.tw-tiddlylink {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-sidebar-lists a.tw-tiddlylink:hover {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-tiddler-link-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
a.tw-tiddlylink:hover {
text-decoration: underline;
}
a.tw-tiddlylink-resolves {
}
a.tw-tiddlylink-shadow {
font-weight: bold;
}
a.tw-tiddlylink-shadow.tw-tiddlylink-resolves {
font-weight: normal;
}
a.tw-tiddlylink-missing {
font-style: italic;
}
a.tw-tiddlylink-external {
text-decoration: underline;
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour external-link-foreground>>;
background-color: <<colour external-link-background>>;
}
a.tw-tiddlylink-external:visited {
color: <<colour external-link-foreground-visited>>;
background-color: <<colour external-link-background-visited>>;
}
a.tw-tiddlylink-external:hover {
color: <<colour external-link-foreground-hover>>;
background-color: <<colour external-link-background-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
/*
** Drag and drop styles
*/
.tw-tiddler-dragger {
position: relative;
z-index: -10000;
}
.tw-tiddler-dragger-inner {
position: absolute;
display: inline-block;
padding: 8px 20px;
font-size: 16.9px;
font-weight: bold;
line-height: 20px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour dragger-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
white-space: nowrap;
vertical-align: baseline;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour dragger-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
<<border-radius 20px>>
}
.tw-tiddler-dragger-cover {
position: absolute;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour page-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-dropzone {
position: relative;
}
.tw-dropzone.tw-dragover:before {
z-index: 10000;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background: <<colour dropzone-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-align: center;
content: "Drop here";
}
/*
** Buttons
*/
.btn-invisible {
padding: 0;
margin: 0;
background: none;
border: none;
}
Add delete icon for the tiddler type editor
2014-01-20 11:21:12 +00:00
.btn-icon svg {
height: 1em;
width: 1em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour muted-foreground>>;
Add delete icon for the tiddler type editor
2014-01-20 11:21:12 +00:00
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
.btn-big-green {
padding: 8px;
Block quote styles
2013-12-05 16:20:37 +00:00
margin: 4px 8px 4px 8px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background: <<colour download-background>>;
color: <<colour download-foreground>>;
fill: <<colour download-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
border: none;
font-size: 1.2em;
line-height: 1.4em;
}
.btn-mini {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.btn-mini:hover {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-muted-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Add a class to the button icon SVGs So that we can default their size to 1em
2013-11-29 17:11:48 +00:00
.tw-image-button {
height: 1em;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Tags and missing tiddlers
*/
.tw-tag-list-item {
Force position:relative on tag pills This avoids a problem with tag pills not working properly within table cells.
2014-02-06 12:48:10 +00:00
position: relative;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: inline-block;
margin-right: 7px;
}
.tw-tags-wrapper {
margin: 4px 0 14px 0;
}
.tw-missing-tiddler-label {
font-style: italic;
font-weight: normal;
display: inline-block;
font-size: 11.844px;
line-height: 14px;
white-space: nowrap;
vertical-align: baseline;
}
.tw-tag-label {
display: inline-block;
padding: 2px 9px;
font-size: 0.9em;
font-weight: 300;
line-height: 1.2em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tag-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
white-space: nowrap;
vertical-align: baseline;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tag-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
<<border-radius 8px>>
}
.tw-untagged-label {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour untagged-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tag-label svg {
height: 1em;
width: 1em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour tag-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
/*
** Page layout
*/
.sidebar-header {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.sidebar-header .title a.tw-tiddlylink-resolves {
font-weight: 300;
}
.sidebar-header .tw-sidebar-lists p {
margin-top: 3px;
margin-bottom: 3px;
}
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
.sidebar-header .tw-missing-tiddler-label {
color: <<colour sidebar-foreground>>;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
.tw-search a svg {
height: 0.75em;
}
.tw-search-results {
padding-top: 14px;
}
.tw-page-controls {
margin-top: 14px;
}
.tw-page-controls a.tw-tiddlylink:hover {
text-decoration: none;
}
.tw-page-controls svg {
height: 1.75em;
min-width: 1px;
padding-right: 0.5em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour sidebar-controls-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Fixed hover effects for Firefox For some reason Firefox doesn’t like :hover on an SVG element
2013-12-17 13:59:39 +00:00
.tw-page-controls button:hover svg, .tw-page-controls a:hover svg {
Typos and style tweaks
2014-02-23 23:09:58 +00:00
fill: <<colour sidebar-controls-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-menu-list-item {
white-space: nowrap;
}
.tw-menu-list-count {
font-weight: bold;
}
.tw-open-tiddler-list {
<<transform-origin "0% 0%">>
}
.tw-menu-list-subitem {
padding-left: 7px;
}
.story-river {
position: relative;
}
.tw-story-spacer {
position: absolute;
min-height: 100%;
}
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics##storywidth}}) {
.sidebar-header {
padding: 14px;
}
.story-river {
position: relative;
padding: 0;
}
}
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics##storywidth}}) {
.sidebar-header {
position: fixed;
top: {{$:/themes/tiddlywiki/vanilla/metrics##storytop}};
left: {{$:/themes/tiddlywiki/vanilla/metrics##storyright}};
bottom: 0;
right: 0;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 0 0 0 -42px;
padding: 70px 0 28px 42px;
}
.story-river {
position: relative;
left: {{$:/themes/tiddlywiki/vanilla/metrics##storyleft}};
top: {{$:/themes/tiddlywiki/vanilla/metrics##storytop}};
width: {{$:/themes/tiddlywiki/vanilla/metrics##storywidth}};
padding: 56px 42px 42px 42px;
}
}
@media print {
.sidebar-header {
display: none;
}
.story-river {
margin-left: 14px;
}
}
/*
** Tiddler styles
*/
.tw-tiddler-frame {
margin-bottom: 28px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-background>>;
Convert @giffmex themes into colour palettes Although there are some style changes in the existing themes they’re mostly a matter of a changed palette. @giffmex - I’ll send you a prerelease of 5.0.8 so that you can tweak the palettes if you’ve got time.
2014-02-22 11:00:51 +00:00
border: 1px solid <<colour tiddler-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tiddler-info {
padding: 14px 42px 14px 42px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-info-background>>;
border-top: 1px solid <<colour tiddler-info-border>>;
border-bottom: 1px solid <<colour tiddler-info-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tiddler-info .tw-tab-buttons button.tw-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-info-tab-background>>;
border-bottom: 1px solid <<colour tiddler-info-tab-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-view-field-table {
width: 100%;
}
.tw-view-field-name {
width: 1%; /* Makes this column be as narrow as possible */
text-align: right;
font-style: italic;
}
.tw-view-field-value {
}
@media (max-width: 770px) {
.tw-tiddler-frame {
padding: 14px 14px 14px 14px;
}
.tw-tiddler-info {
margin: 0 -14px 0 -14px;
}
}
@media (min-width: 770px) {
.tw-tiddler-frame {
padding: 28px 42px 42px 42px;
Fix tiddler layout on narrow viewports
2013-12-03 09:10:07 +00:00
width: {{$:/themes/tiddlywiki/vanilla/metrics##tiddlerwidth}};
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tiddler-info {
margin: 0 -42px 0 -42px;
}
}
.titlebar {
font-weight: 300;
font-size: 2.35em;
line-height: 1.2em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-title-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.titlebar img {
height: 1em;
}
.tw-subtitle {
font-size: 0.9em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-subtitle-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-weight: 300;
}
.tw-tiddler-missing .title {
font-style: italic;
font-weight: normal;
}
.tw-tiddler-frame .tw-tiddler-controls {
float: right;
}
.tw-tiddler-controls button {
margin: 0 0 0 5px;
vertical-align: baseline;
}
.tw-tiddler-controls button svg {
height: 0.75em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour tiddler-controls-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tiddler-controls button.tw-selected svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour tiddler-controls-foreground-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Typos and style tweaks
2014-02-23 23:09:58 +00:00
.tw-tiddler-controls button.btn-invisible:hover svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour tiddler-controls-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
@media print {
.tw-tiddler-controls {
display: none;
}
}
.tw-tiddler-help { /* Help prompts within tiddler template */
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin-top: 14px;
}
.tw-tiddler-help a.tw-tiddlylink {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour very-muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tiddler-frame input.tw-edit-texteditor, .tw-tiddler-frame textarea.tw-edit-texteditor {
width: 100%;
padding: 3px 3px 3px 3px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour tiddler-editor-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
line-height: 1.3em;
-webkit-appearance: none;
margin: 4px 0 4px 0;
}
.tw-tiddler-frame input.tw-edit-texteditor {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-editor-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
canvas.tw-edit-bitmapeditor {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 6px solid <<colour tiddler-editor-border-image>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
cursor: crosshair;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
margin-top: 6px;
margin-bottom: 6px;
}
.tw-edit-bitmapeditor-width {
display: block;
}
.tw-edit-bitmapeditor-height {
display: block;
}
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
/*
** Toolbar buttons
*/
.tw-page-controls svg.tw-image-new-button {
fill: <<colour toolbar-new-button>>;
}
.tw-page-controls svg.tw-image-options-button {
fill: <<colour toolbar-options-button>>;
}
.tw-page-controls svg.tw-image-save-button {
fill: <<colour toolbar-save-button>>;
}
.tw-tiddler-controls button svg.tw-image-info-button {
fill: <<colour toolbar-info-button>>;
}
.tw-tiddler-controls button svg.tw-image-edit-button {
fill: <<colour toolbar-edit-button>>;
}
.tw-tiddler-controls button svg.tw-image-close-button {
fill: <<colour toolbar-close-button>>;
}
.tw-tiddler-controls button svg.tw-image-delete-button {
fill: <<colour toolbar-delete-button>>;
}
.tw-tiddler-controls button svg.tw-image-cancel-button {
fill: <<colour toolbar-cancel-button>>;
}
.tw-tiddler-controls button svg.tw-image-done-button {
fill: <<colour toolbar-done-button>>;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Tiddler edit mode
*/
fixed issue#232
2013-12-28 16:46:53 +00:00
.tw-tiddler-edit-frame em.tw-edit {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-style: normal;
}
.tw-edit-type-dropdown a.tw-tiddlylink-missing {
font-style: normal;
}
Tweak appearance of tags editor Making it a bit more like http://aehlke.github.io/tag-it/
2013-11-30 10:55:45 +00:00
.tw-edit-tags {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour tiddler-editor-border>>;
Tweak appearance of tags editor Making it a bit more like http://aehlke.github.io/tag-it/
2013-11-30 10:55:45 +00:00
padding: 4px 8px 4px 8px;
}
.tw-edit-add-tag {
display: inline-block;
}
.tw-edit-add-tag .tw-add-tag-name input {
width: 50%;
}
.tw-edit-tags .tw-tag-label {
display: inline-block;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
.tw-edit-tags-list {
margin: 14px 0 14px 0;
}
.tw-tag-editor-label {
display: inline-block;
margin-right: 7px;
}
.tw-remove-tag-button {
padding-left: 4px;
}
.tw-tiddler-preview {
overflow: auto;
}
.tw-tiddler-preview-preview {
float: right;
width: 48%;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour tiddler-editor-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin: 4px 3px 3px 3px;
padding: 3px 3px 3px 3px;
}
.tw-tiddler-preview-edit {
width: 48%;
}
.tw-edit-fields {
width: 100%;
}
.tw-edit-fields table, .tw-edit-fields tr, .tw-edit-fields td {
border: none;
padding: 4px;
}
.tw-edit-fields > tbody > .tw-edit-field:nth-child(odd) {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-editor-fields-odd>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-edit-fields > tbody > .tw-edit-field:nth-child(even) {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-editor-fields-even>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-edit-field-name {
text-align: right;
}
.tw-edit-field-value input {
width: 100%;
}
.tw-edit-field-remove {
}
.tw-edit-field-remove svg {
height: 1em;
width: 1em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
vertical-align: middle;
}
.tw-edit-field-add-name {
display: inline-block;
width: 15%;
}
.tw-edit-field-add-button {
display: inline-block;
width: 10%;
}
/*
** Dropdowns
*/
.btn-dropdown svg {
height: 1em;
width: 1em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-drop-down {
min-width: 280px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour dropdown-border>>;
background-color: <<colour dropdown-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 7px 0 7px 0;
margin: 4px 0 0 0;
white-space: nowrap;
}
Add a style rule for padding paragraphs within dropdowns Fixes #306
2013-12-30 12:38:45 +00:00
.tw-drop-down p {
padding: 0 14px 0 14px;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
.tw-drop-down a {
display: block;
padding: 0 14px 0 14px;
}
.tw-drop-down a:hover {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: none;
}
.tw-drop-down .tw-tab-buttons button {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour dropdown-tab-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-drop-down .tw-tab-buttons button.tw-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour dropdown-tab-background-selected>>;
border-bottom: 1px solid <<colour dropdown-tab-background-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-drop-down .tw-tab-contents a {
padding: 0 0.5em 0 0.5em;
}
.tw-block-dropdown-wrapper {
position: relative;
}
.tw-block-dropdown {
position: absolute;
min-width: 280px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour dropdown-border>>;
background-color: <<colour dropdown-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0 0 0 0;
margin: 4px 0 0 0;
white-space: nowrap;
z-index: 1000;
}
.tw-block-dropdown a {
display: block;
padding: 4px 14px 4px 14px;
}
.tw-block-dropdown a:hover {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: none;
}
/*
** Modals
*/
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour modal-backdrop>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.modal {
z-index: 1100;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour modal-background>>;
border: 1px solid <<colour modal-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
@media (max-width: 55em) {
.modal {
Fix problem with modal positioning on narrow screens Fixes #302
2013-12-24 09:44:40 +00:00
position: fixed;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
top: 1em;
left: 1em;
right: 1em;
}
.modal-body {
overflow-y: auto;
max-height: 400px;
}
}
@media (min-width: 55em) {
.modal {
position: fixed;
top: 50%;
left: 50%;
width: 560px;
Adjust the position of modal dialogues The top was off the top of the window
2014-01-19 20:12:55 +00:00
margin: -180px 0 0 -280px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
}
.modal-header {
padding: 9px 15px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-bottom: 1px solid <<colour modal-header-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-body {
padding: 15px;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour modal-footer-background>>;
border-top: 1px solid <<colour modal-footer-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
/*
** Notifications
*/
.tw-notification {
position: fixed;
top: 14px;
right: 14px;
z-index: 1000;
max-width: 280px;
padding: 0 14px 0 14px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour notification-background>>;
border: 1px solid <<colour notification-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
/*
** Tabs
*/
.tw-tab-set {
}
.tw-tab-buttons {
font-size: 0.85em;
line-height: 100%;
padding-top: 1em;
margin-bottom: -1px;
}
.tw-tab-buttons button.tw-tab-selected {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour tab-foreground-selected>>;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tab-background-selected>>;
border-left: 1px solid <<colour tab-border-selected>>;
border-top: 1px solid <<colour tab-border-selected>>;
border-right: 1px solid <<colour tab-border-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
.tw-tab-buttons button {
color: <<colour tab-foreground>>;
margin-left: 2px;
margin-right: 2px;
font-weight: 300;
border: none;
background: inherit;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tab-background>>;
border-left: 1px solid <<colour tab-border>>;
border-top: 1px solid <<colour tab-border>>;
border-right: 1px solid <<colour tab-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tab-divider {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-top: 1px solid <<colour tab-divider>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-tab-content {
padding-top: 14px;
}
.tw-sidebar-lists .tw-tab-buttons button.tw-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour sidebar-tab-background-selected>>;
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour sidebar-tab-foreground-selected>>;
border-left: 1px solid <<colour sidebar-tab-border-selected>>;
border-top: 1px solid <<colour sidebar-tab-border-selected>>;
border-right: 1px solid <<colour sidebar-tab-border-selected>>;
}
.tw-sidebar-lists .tw-tab-buttons button {
background-color: <<colour sidebar-tab-background>>;
color: <<colour sidebar-tab-foreground>>;
border-left: 1px solid <<colour sidebar-tab-border>>;
border-top: 1px solid <<colour sidebar-tab-border>>;
border-right: 1px solid <<colour sidebar-tab-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-sidebar-lists .tw-tab-divider {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
border-top: 1px solid <<colour sidebar-tab-divider>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
.tw-more-sidebar {
white-space: nowrap;
}
@media (min-width: 770px) {
.tw-more-sidebar {
margin-left: -14px;
}
}
.tw-more-sidebar .tw-tab-buttons {
display: inline-block;
vertical-align: top;
text-align: right;
padding-top: 0;
padding-left: 0;
}
.tw-more-sidebar .tw-tab-buttons button {
display: block;
width: 100%;
text-align: right;
}
.tw-sidebar-lists .tw-more-sidebar .tw-tab-divider {
display: none;
}
.tw-more-sidebar .tw-tab-content {
display: inline-block;
vertical-align: top;
padding-top: 0;
padding-left: 14px;
}
.tw-more-sidebar .tw-tab-buttons button {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour sidebar-tab-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
border-top: none;
border-left: none;
border-bottom: none;
border-right: 1px solid #ccc;
}
.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour sidebar-tab-background-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
border: none;
}
/*
** Alerts
*/
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
.tw-alerts {
position: fixed;
top: 0;
left: 0;
Add a demo of alerts and tweak styles
2014-02-15 17:36:49 +00:00
max-width: 500px;
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
z-index: 20000;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
.tw-alert {
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
position: relative;
margin: 28px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 14px 14px 14px 14px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 2px solid <<colour alert-border>>;
background-color: <<colour alert-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
.tw-alert-toolbar {
position: absolute;
top: 14px;
right: 14px;
}
Add a demo of alerts and tweak styles
2014-02-15 17:36:49 +00:00
.tw-alert-toolbar svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour alert-muted-foreground>>;
Add a demo of alerts and tweak styles
2014-02-15 17:36:49 +00:00
}
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
.tw-alert-subtitle {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour alert-muted-foreground>>;
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
font-weight: bold;
}
Enhance alerting to coalesce repeated alerts with the same text
2014-02-14 10:29:26 +00:00
.tw-alert-highlight {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour alert-highlight>>;
Enhance alerting to coalesce repeated alerts with the same text
2014-02-14 10:29:26 +00:00
}
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
.tw-static-alert {
Slightly improve the dislocated formatting of the static banner for tw5.com
2013-11-29 22:44:16 +00:00
position: relative;
}
.tw-static-alert-inner {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0 2px 2px 42px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour static-alert-foreground>>;
Slightly improve the dislocated formatting of the static banner for tw5.com
2013-11-29 22:44:16 +00:00
position: absolute;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
/*
** Grids
*/
.tw-grid-frame td {
width: 1em;
height: 1em;
}
/*
** Control panel
*/
.tw-control-panel td {
padding: 4px;
}
.tw-control-panel table, .tw-control-panel table input, .tw-control-panel table textarea {
width: 100%;
}
Message box styling
2013-11-27 21:30:11 +00:00
/*
** Message boxes
*/
.tw-message-box {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour message-border>>;
background: <<colour message-background>>;
Message box styling
2013-11-27 21:30:11 +00:00
padding: 0px 21px 0px 21px;
margin: 0 -21px 0 -21px;
Better styles for the message box
2013-11-28 07:41:28 +00:00
font-size: 12px;
line-height: 18px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour message-foreground>>;
Message box styling
2013-11-27 21:30:11 +00:00
}
.tw-message-box img {
float: right;
width: 150px;
Add margin around message box icons
2013-12-29 22:54:26 +00:00
margin: 0px 0px 12px 12px;
Message box styling
2013-11-27 21:30:11 +00:00
}
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
Add palette editor
2014-02-20 10:00:38 +00:00
/*
** Chooser
*/
.tw-chooser {
border: 1px solid <<colour table-border>>;
}
.tw-chooser-item {
border: 8px;
}
.tw-chooser-item a.tw-tiddlylink {
display: block;
text-decotoration: none;
color: <<colour tiddler-link-foreground>>;
background-color: <<colour tiddler-link-background>>;
margin: 4px;
}
.tw-chooser-item a.tw-tiddlylink:hover {
text-decoration: none;
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
}
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
/*
** Palette swatches
*/
.tw-swatches-horiz {
}
.tw-swatches-horiz .tw-swatch {
display: inline-block;
}
.tw-swatch {
width: 2em;
height: 2em;
margin: 4px;
border: 1px solid #000;
}
Reference in New Issue Copy Permalink