mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-26 10:00:34 +00:00
Code Issues Releases Wiki Activity
9b9f7d32a0
TiddlyWiki5/themes/tiddlywiki/vanilla/base.tid

1389 lines
24 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;
}
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
html button {
line-height: 1.2;
}
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
/*
** Basic element styles
*/
html {
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
font-family: {{$:/themes/tiddlywiki/vanilla/settings/fontfamily}};
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
text-rendering: optimizeLegibility; /* Enables kerning and ligatures etc. */
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
}
Fix full screen background
2014-04-14 20:30:42 +00:00
html:-webkit-full-screen {
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
body.tw-body {
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
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 {
Break the links up into separate tiddlers
2014-03-22 17:32:28 +00:00
line-height: 1.2;
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;
}
pre {
display: block;
padding: 14px;
Add margin on code blocks and tables
2014-03-11 08:29:11 +00:00
margin-top: 1em;
margin-bottom: 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
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;
Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties Fixes #480
2014-03-18 23:38:52 +00:00
border-radius: 3px;
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
}
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;
Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties Fixes #480
2014-03-18 23:38:52 +00:00
border-radius: 3px;
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
}
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;
}
Add descriptions to toolbar buttons
2014-07-31 08:28:46 +00:00
.tw-muted {
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
/*
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;
Add margin on code blocks and tables
2014-03-11 08:29:11 +00:00
margin-top: 1em;
margin-bottom: 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
}
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
}
Add basic CSV parser
2014-03-31 11:41:02 +00:00
.tw-csv-table {
white-space: nowrap;
}
Update HTML parser to use an IFRAME Gives us better sandboxing of unsafe HTML content
2014-06-11 22:04:58 +00:00
.tw-tiddler-frame img,
.tw-tiddler-frame svg,
.tw-tiddler-frame canvas,
.tw-tiddler-frame embed,
.tw-tiddler-frame iframe {
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
max-width: 100%;
}
Update HTML parser to use an IFRAME Gives us better sandboxing of unsafe HTML content
2014-06-11 22:04:58 +00:00
.tw-tiddler-frame embed,
.tw-tiddler-frame iframe {
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: 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>>;
Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties Fixes #480
2014-03-18 23:38:52 +00:00
border-radius: 20px;
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-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
*/
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
button svg, button img {
Set vertical alignment for SVG in buttons Makes the buttons in the info panel “tools” tab look more like buttons on Chrome.
2014-07-29 11:06:04 +00:00
vertical-align: middle;
}
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-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;
}
Fix styling for input boxes in sidebar
2014-03-25 21:53:18 +00:00
.tw-sidebar-lists input {
color: <<colour foreground>>;
}
Fixes for import button position
2014-08-02 11:16:14 +00:00
.tw-sidebar-lists button {
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
color: <<colour sidebar-button-foreground>>;
Fixes for import button position
2014-08-02 11:16:14 +00:00
fill: <<colour sidebar-button-foreground>>;
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
}
.tw-sidebar-lists button.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
}
Fix hover colour of the close buttons in the sidebar "open" tab
2014-03-25 14:37:55 +00:00
.tw-sidebar-lists button.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
}
Refactor sidebar tools tab It’s going to be like the tools tab of tiddler info
2014-08-02 10:58:55 +00:00
button svg.tw-image-button, button .tw-image-button img {
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
height: 1em;
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
width: 1em;
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
}
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>>;
Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties Fixes #480
2014-03-18 23:38:52 +00:00
border-radius: 8px;
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-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
}
Extend tag manager to edit icons assigned to tags Add a dropdown for choosing available images for a tag. As part of this change we need to tag tiddlers that contain images typed as wikitext (these are inline SVG icons) so that we can display them in the dropdown.
2014-03-12 21:56:46 +00:00
.tw-tag-label svg, .tw-tag-label img {
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
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
*/
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
.tw-topbar {
position: fixed;
z-index: 1200;
}
.tw-topbar-left {
Move topbar out of the way of scrollbars In the process getting rid of some extraneous `<p>` tags. Fixes #566
2014-04-19 10:32:56 +00:00
left: 29px;
top: 5px;
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
}
.tw-topbar-right {
Move topbar out of the way of scrollbars In the process getting rid of some extraneous `<p>` tags. Fixes #566
2014-04-19 10:32:56 +00:00
top: 5px;
right: 29px;
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
}
.tw-topbar button {
padding: 8px;
}
.tw-topbar svg {
fill: <<colour muted-foreground>>;
}
Fixed topbar hover for Firefox Pesky Firefox browser crankiness. Fixes #579
2014-04-24 10:33:14 +00:00
.tw-topbar button:hover svg {
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
fill: <<colour 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 {
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>>;
Use SVG icons for expand/collapse
2014-06-21 10:49:42 +00:00
fill: <<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>>;
}
Add dropdown of canned filter searches Now you can pick from a dropdown of predefined filtered searches in the advanced search filter tab.
2014-03-10 18:16:10 +00:00
.tw-advanced-search input {
width: 60%;
}
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;
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
font-size: 1.5em;
}
.tw-page-controls button {
margin-right: 0.5em;
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-page-controls a.tw-tiddlylink:hover {
text-decoration: none;
}
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
.tw-page-controls img {
width: 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
.tw-page-controls 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 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%;
}
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +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
.sidebar-header {
padding: 14px;
On narrow screens ensure there is a background behind the home and menu buttons
2014-03-26 14:11:26 +00:00
min-height: 32px;
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
}
.story-river {
position: relative;
padding: 0;
}
}
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
.tw-message-box {
margin: 21px -21px 21px -21px;
}
.tw-sidebar-scrollable {
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
position: fixed;
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
left: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}};
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
bottom: 0;
right: 0;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 0 0 0 -42px;
Tweaks to themes And shaking out some paragraph tags in the sidebar
2014-04-14 17:37:09 +00:00
padding: 71px 0 28px 42px;
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
}
.story-river {
position: relative;
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
left: {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}};
top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
width: {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}};
Pixel accuracy for restoring pre-refactor layout Two problems: * Extraneous whitespace shows up as whitespace in the HTML, making it hard to style * Fix some padding
2014-04-09 21:19:27 +00:00
padding: 42px 42px 42px 42px;
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
}
Make tiddler width fluid when sidebar hidden
2014-04-12 16:14:27 +00:00
<<if-no-sidebar "
.story-river {
width: auto;
}
">>
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 {
Hide page background when printing
2014-07-09 14:22:53 +00:00
body.tw-body {
background-color: transparent;
}
Update print stylesheet to hide topbar
2014-04-17 18:50:12 +00:00
.sidebar-header, .tw-topbar {
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: none;
}
.story-river {
Further refinements to print stylesheet Try this @giffmex
2014-07-09 16:00:41 +00:00
margin: 0;
padding: 0;
}
.story-river .tw-tiddler-frame {
margin: 0;
border: none;
padding: 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
}
}
/*
** 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
}
Fixes for import button position
2014-08-02 11:16:14 +00:00
.tw-tiddler-info p {
margin-top: 3px;
margin-bottom: 3px;
}
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;
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
font-weight: 200;
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-value {
}
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
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 {
padding: 14px 14px 14px 14px;
}
.tw-tiddler-info {
margin: 0 -14px 0 -14px;
}
}
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
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 {
padding: 28px 42px 42px 42px;
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +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
}
Make tiddler width fluid when sidebar hidden
2014-04-12 16:14:27 +00:00
<<if-no-sidebar "
.tw-tiddler-frame {
Tweaks to themes And shaking out some paragraph tags in the sidebar
2014-04-14 17:37:09 +00:00
width: 100%;
Make tiddler width fluid when sidebar hidden
2014-04-12 16:14:27 +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-tiddler-info {
margin: 0 -42px 0 -42px;
}
}
right menue SiteTitle and SiteSubtitle decoupled from tiddler title and tiddler subtitle. Otherwise it is not possible to modify the tiddler title styling, without affecting the site title.
2014-04-01 08:34:58 +00:00
.tw-site-title,
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 {
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>>;
Use H1 for tiddler titles Part of #650
2014-06-15 07:37:58 +00:00
margin: 0;
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
}
Enhance tiddler title for system tiddlers Now the $:/ part of the name is rendered in grey, making the main part of the title more prominent. @tobibeer suggested this a long time ago; good idea!
2014-03-13 17:40:53 +00:00
.tw-system-title-prefix {
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
.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;
}
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
.tw-tiddler-controls .tw-drop-down {
font-size: 0.6em;
}
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 {
vertical-align: baseline;
}
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
.tw-tiddler-controls button svg, .tw-tiddler-controls button img {
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
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;
}
Add banner for binary tiddlers in edit mode Makes it easier to add tags to a binary tiddler (eg a PDF).
2014-05-02 08:43:39 +00:00
.tw-tiddler-frame .tw-binary-warning {
width: 100%;
height: 5em;
text-align: center;
padding: 3em 3em 6em 3em;
background: <<colour alert-background>>;
border: 1px solid <<colour alert-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-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
*/
Styling adjustments for the upgrade wizard
2014-07-17 17:39:54 +00:00
.btn-dropdown {
text-align: left;
}
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
.btn-dropdown svg, .btn-dropdown img {
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
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 language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
text-shadow: none;
line-height: 1.4;
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 storyview button
2014-08-01 20:40:13 +00:00
.tw-drop-down button svg, .tw-drop-down a svg {
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
fill: <<colour foreground>>;
}
.tw-drop-down button.btn-invisible:hover svg {
fill: <<colour foreground>>;
}
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;
}
Refactor sidebar tools tab It’s going to be like the tools tab of tiddler info
2014-08-02 10:58:55 +00:00
.tw-drop-down svg {
width: 1em;
height: 1em;
}
.tw-drop-down img {
width: 1em;
}
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
.tw-drop-down a, .tw-drop-down 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
display: block;
padding: 0 14px 0 14px;
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
width: 100%;
text-align: left;
Add "more" page control button
2014-07-30 21:25:52 +00:00
color: <<colour foreground>>;
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
line-height: 1.4;
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 'more' toolbar button
2014-07-28 10:29:06 +00:00
.tw-drop-down a:hover, .tw-drop-down button: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
}
Clearer current selection for language and storyview
2014-08-01 21:07:07 +00:00
.tw-drop-down-bullet {
display: inline-block;
width: 0.5em;
}
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;
}
Style updates missed off the last commit
2014-06-06 08:32:45 +00:00
.tw-block-dropdown .tw-dropdown-item {
padding: 4px 14px 4px 7px;
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
.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
*/
Fix for inability to scroll modal wizards
2014-05-26 21:33:42 +00:00
.modal-wrapper {
position: fixed;
overflow: auto;
overflow-y: scroll;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
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-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 {
Fix for inability to scroll modal wizards
2014-05-26 21:33:42 +00:00
position: relative;
width: 50%;
margin: 30px auto;
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;
Move notifications a little to the left So that they don’t overlap the menu hamburger
2014-04-07 18:01:08 +00:00
right: 42px;
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
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
*/
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
.tw-tab-set.tw-vertical {
Fix vertical tabs in Safari Current versions of Safari on OS X and iOS are still prefixed.
2014-05-27 18:06:27 +00:00
display: -webkit-flex;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
display: flex;
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-buttons {
font-size: 0.85em;
padding-top: 1em;
margin-bottom: -1px;
}
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
.tw-tab-buttons.tw-vertical {
Tabs appearance tweaks
2014-05-14 18:37:37 +00:00
z-index: 100;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
display: block;
padding-top: 14px;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
vertical-align: top;
text-align: right;
margin-bottom: inherit;
margin-right: -1px;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
max-width: 33%;
Fix vertical tabs in Safari Current versions of Safari on OS X and iOS are still prefixed.
2014-05-27 18:06:27 +00:00
-webkit-flex: 0 0 auto;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
flex: 0 0 auto;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +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-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>>;
Tabs appearance tweaks
2014-05-14 18:37:37 +00:00
padding: 3px 5px 3px 5px;
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
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
}
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
.tw-tab-buttons.tw-vertical button {
display: block;
width: 100%;
margin-top: 3px;
text-align: right;
background-color: <<colour tab-background>>;
border-left: 1px solid <<colour tab-border>>;
border-bottom: 1px solid <<colour tab-border>>;
border-right: none;
}
.tw-tab-buttons.tw-vertical button.tw-tab-selected {
background-color: <<colour tab-background-selected>>;
border-right: 1px solid <<colour 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-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
}
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
.tw-tab-divider.tw-vertical {
display: none;
}
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 {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
margin-top: 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
}
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
.tw-tab-content.tw-vertical {
display: inline-block;
vertical-align: top;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
padding-top: 0;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
padding-left: 14px;
border-left: 1px solid <<colour tab-border>>;
Fix vertical tabs in Safari Current versions of Safari on OS X and iOS are still prefixed.
2014-05-27 18:06:27 +00:00
-webkit-flex: 0 0 70%;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
flex: 0 0 70%;
Pixel accuracy for restoring pre-refactor layout Two problems: * Extraneous whitespace shows up as whitespace in the HTML, making it hard to style * Fix some padding
2014-04-09 21:19:27 +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-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 .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;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
margin-bottom: inherit;
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 .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;
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;
Fixed a typo
2014-03-05 04:15:53 +00:00
text-decoration: none;
Add palette editor
2014-02-20 10:00:38 +00:00
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;
}
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
/*
** Table of contents
*/
.tw-sidebar-lists .tw-table-of-contents {
white-space: nowrap;
}
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
Use SVG icons for expand/collapse
2014-06-21 10:49:42 +00:00
.tw-table-of-contents svg {
width: 0.7em;
height: 0.7em;
vertical-align: middle;
}
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
.tw-table-of-contents ol {
list-style-type: none;
padding-left: 0;
}
.tw-table-of-contents ol ol {
padding-left: 1em;
}
.tw-table-of-contents li {
font-size: 1.0em;
font-weight: bold;
}
.tw-table-of-contents li a {
font-weight: bold;
}
.tw-table-of-contents li li {
font-size: 0.95em;
font-weight: normal;
line-height: 1.4;
}
.tw-table-of-contents li li a {
font-weight: normal;
}
.tw-table-of-contents li li li {
font-size: 0.95em;
font-weight: 200;
line-height: 1.5;
}
.tw-table-of-contents li li li a {
font-weight: bold;
}
.tw-table-of-contents li li li li {
font-size: 0.95em;
font-weight: 200;
}
Add unsaved changes indicator The “save” icon changes to red to indicate that there are unsaved changes.
2014-07-30 15:46:13 +00:00
/*
** Dirty indicator
*/
Highlight savewiki text as well as icon
2014-07-31 07:07:31 +00:00
body.tw-dirty span.tw-dirty-indicator, body.tw-dirty span.tw-dirty-indicator svg {
Add unsaved changes indicator The “save” icon changes to red to indicate that there are unsaved changes.
2014-07-30 15:46:13 +00:00
fill: <<colour dirty-indicator>>;
Highlight savewiki text as well as icon
2014-07-31 07:07:31 +00:00
color: <<colour dirty-indicator>>;
Add unsaved changes indicator The “save” icon changes to red to indicate that there are unsaved changes.
2014-07-30 15:46:13 +00:00
}
Add import button
2014-08-02 10:59:07 +00:00
/*
** File inputs
*/
.tw-file-input-wrapper {
position: relative;
Fixes for file input styling
2014-08-02 11:05:01 +00:00
overflow: hidden;
Fixes for import button position
2014-08-02 11:16:14 +00:00
display: inline-block;
vertical-align: middle;
Add import button
2014-08-02 10:59:07 +00:00
}
.tw-file-input-wrapper input[type=file] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 999px;
max-width: 100%;
max-height: 100%;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: pointer;
display: inline-block;
}
Reference in New Issue Copy Permalink