mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-09-10 06:46:06 +00:00
Code Issues Releases Wiki Activity

Yet more "tw-*" -> "tc-*"

Browse Source 
Part of #764
This commit is contained in:
Jermolene
2014-08-28 19:41:29 +01:00
parent 995f0e7f29
commit f223310d34
56 changed files with 202 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
themes/tiddlywiki/centralised/styles.tid
View File

@@ -5,7 +5,7 @@ tags: [[$:/tags/stylesheet]]
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
html .tw-page-container {
html .tc-page-container {
text-align: center;
}
@@ -17,7 +17,7 @@ tags: [[$:/tags/stylesheet]]
text-align: left;
}
html .tw-sidebar-scrollable {
html .tc-sidebar-scrollable {
text-align: left;
left: 50%;
right: 0;

12
themes/tiddlywiki/seamless/base.tid
View File

@@ -8,11 +8,11 @@ list-after: $:/themes/tiddlywiki/vanilla/base
Rules copied from Snow White
*/
.tw-page-controls button svg, .tc-tiddler-controls button svg, .tw-topbar button svg {
.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
<<transition "fill 150ms ease-in-out">>
}
.tc-tiddler-controls button.tw-selected svg {
.tc-tiddler-controls button.tc-selected svg {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
}
@@ -26,7 +26,7 @@ Rules copied from Snow White
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
}
.tw-modal-displayed {
.tc-modal-displayed {
-webkit-filter: blur(4px);
}
@@ -67,7 +67,7 @@ Seamless modifications
}
/* Move the sidebar up so that the title lines up */
body.tc-body .tw-sidebar-scrollable {
body.tc-body .tc-sidebar-scrollable {
padding: 43px 0 28px 42px;
}
@@ -93,11 +93,11 @@ html:-webkit-full-screen {
}
/* Adjust the colour of the page controls */
body.tc-body .tw-page-controls svg {
body.tc-body .tc-page-controls svg {
fill: <<colour muted-foreground>>;
}
/* Adjust the colour of the sidebar selected tabs */
body.tc-body .tw-sidebar-lists .tw-tab-buttons button.tw-tab-selected {
body.tc-body .tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {
background-color: <<colour background>>;
}

12
themes/tiddlywiki/snowwhite/base.tid
View File

@@ -23,11 +23,11 @@ tags: [[$:/tags/stylesheet]]
}
}
.tw-page-controls button svg, .tc-tiddler-controls button svg, .tw-topbar button svg {
.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
<<transition "fill 150ms ease-in-out">>
}
.tc-tiddler-controls button.tw-selected svg {
.tc-tiddler-controls button.tc-selected svg {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
}
@@ -59,7 +59,7 @@ canvas.tc-edit-bitmapeditor {
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
}
.tw-modal-displayed {
.tc-modal-displayed {
-webkit-filter: blur(4px);
}
@@ -85,15 +85,15 @@ canvas.tc-edit-bitmapeditor {
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
.tw-sidebar-lists .tw-tab-divider {
.tc-sidebar-lists .tc-tab-divider {
<<background-linear-gradient "left, rgb(216,216,216) 0%, rgb(236,236,236) 250px">>
}
.tw-more-sidebar .tw-tab-buttons button {
.tc-more-sidebar .tc-tab-buttons button {
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(224,224,224) 100%">>
}
.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
.tc-more-sidebar .tc-tab-buttons button.tc-tab-selected {
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(248,248,248) 100%">>
}

4
themes/tiddlywiki/starlight/styles.tid
View File

@@ -14,11 +14,11 @@ Placeholder for a more thorough refinement of Snow White
src: local("Arvo"), url(<<datauri "$:/themes/tiddlywiki/starlight/arvo.woff">>) format("woff");
}
html body, .tw-sidebar-scrollable-backdrop {
html body, .tc-sidebar-scrollable-backdrop {
font-family: "Arvo", "Times";
background: url(<<datauri "$:/themes/tiddlywiki/starlight/ltbg.jpg">>);
}
.tw-page-controls svg {
.tc-page-controls svg {
<<filter "drop-shadow(1px 1px 2px rgba(255,255,255,0.9))">>
}

174
themes/tiddlywiki/vanilla/base.tid
View File

@@ -146,11 +146,11 @@ a.tc-tiddlylink {
-webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */
}
.tw-sidebar-lists a.tc-tiddlylink {
.tc-sidebar-lists a.tc-tiddlylink {
color: <<colour sidebar-tiddler-link-foreground>>;
}
.tw-sidebar-lists a.tc-tiddlylink:hover {
.tc-sidebar-lists a.tc-tiddlylink:hover {
color: <<colour sidebar-tiddler-link-foreground-hover>>;
}
@@ -271,20 +271,20 @@ button svg, button img {
line-height: 1.4em;
}
.tw-sidebar-lists input {
.tc-sidebar-lists input {
color: <<colour foreground>>;
}
.tw-sidebar-lists button {
.tc-sidebar-lists button {
color: <<colour sidebar-button-foreground>>;
fill: <<colour sidebar-button-foreground>>;
}
.tw-sidebar-lists button.btn-mini {
.tc-sidebar-lists button.tc-btn-mini {
color: <<colour sidebar-muted-foreground>>;
}
.tw-sidebar-lists button.btn-mini:hover {
.tc-sidebar-lists button.tc-btn-mini:hover {
color: <<colour sidebar-muted-foreground-hover>>;
}
@@ -297,17 +297,17 @@ button svg.tc-image-button, button .tc-image-button img {
** Tags and missing tiddlers
*/
.tw-tag-list-item {
.tc-tag-list-item {
position: relative;
display: inline-block;
margin-right: 7px;
}
.tw-tags-wrapper {
.tc-tags-wrapper {
margin: 4px 0 14px 0;
}
.tw-missing-tiddler-label {
.tc-missing-tiddler-label {
font-style: italic;
font-weight: normal;
display: inline-block;
@@ -317,7 +317,7 @@ button svg.tc-image-button, button .tc-image-button img {
vertical-align: baseline;
}
button.tw-tag-label, span.tw-tag-label {
button.tc-tag-label, span.tc-tag-label {
display: inline-block;
padding: 2px 9px;
font-size: 0.9em;
@@ -330,11 +330,11 @@ button.tw-tag-label, span.tw-tag-label {
border-radius: 8px;
}
.tw-untagged-label {
.tc-untagged-label {
background-color: <<colour untagged-background>>;
}
.tw-tag-label svg, .tw-tag-label img {
.tc-tag-label svg, .tc-tag-label img {
height: 1em;
width: 1em;
fill: <<colour tag-foreground>>;
@@ -344,30 +344,30 @@ button.tw-tag-label, span.tw-tag-label {
** Page layout
*/
.tw-topbar {
.tc-topbar {
position: fixed;
z-index: 1200;
}
.tw-topbar-left {
.tc-topbar-left {
left: 29px;
top: 5px;
}
.tw-topbar-right {
.tc-topbar-right {
top: 5px;
right: 29px;
}
.tw-topbar button {
.tc-topbar button {
padding: 8px;
}
.tw-topbar svg {
.tc-topbar svg {
fill: <<colour muted-foreground>>;
}
.tw-topbar button:hover svg {
.tc-topbar button:hover svg {
fill: <<colour foreground>>;
}
@@ -380,12 +380,12 @@ button.tw-tag-label, span.tw-tag-label {
font-weight: 300;
}
.tc-sidebar-header .tw-sidebar-lists p {
.tc-sidebar-header .tc-sidebar-lists p {
margin-top: 3px;
margin-bottom: 3px;
}
.tc-sidebar-header .tw-missing-tiddler-label {
.tc-sidebar-header .tc-missing-tiddler-label {
color: <<colour sidebar-foreground>>;
}
@@ -401,36 +401,36 @@ button.tw-tag-label, span.tw-tag-label {
padding-top: 14px;
}
.tw-page-controls {
.tc-page-controls {
margin-top: 14px;
font-size: 1.5em;
}
.tw-page-controls button {
.tc-page-controls button {
margin-right: 0.5em;
}
.tw-page-controls a.tc-tiddlylink:hover {
.tc-page-controls a.tc-tiddlylink:hover {
text-decoration: none;
}
.tw-page-controls img {
.tc-page-controls img {
width: 1em;
}
.tw-page-controls svg {
.tc-page-controls svg {
fill: <<colour sidebar-controls-foreground>>;
}
.tw-page-controls button:hover svg, .tw-page-controls a:hover svg {
.tc-page-controls button:hover svg, .tc-page-controls a:hover svg {
fill: <<colour sidebar-controls-foreground-hover>>;
}
.tw-menu-list-item {
.tc-menu-list-item {
white-space: nowrap;
}
.tw-menu-list-count {
.tc-menu-list-count {
font-weight: bold;
}
@@ -438,7 +438,7 @@ button.tw-tag-label, span.tw-tag-label {
<<transform-origin "0% 0%">>
}
.tw-menu-list-subitem {
.tc-menu-list-subitem {
padding-left: 7px;
}
@@ -470,7 +470,7 @@ button.tw-tag-label, span.tw-tag-label {
margin: 21px -21px 21px -21px;
}
.tw-sidebar-scrollable {
.tc-sidebar-scrollable {
position: fixed;
top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
left: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}};
@@ -507,7 +507,7 @@ button.tw-tag-label, span.tw-tag-label {
background-color: transparent;
}
.tc-sidebar-header, .tw-topbar {
.tc-sidebar-header, .tc-topbar {
display: none;
}
@@ -545,23 +545,23 @@ button.tw-tag-label, span.tw-tag-label {
margin-bottom: 3px;
}
.tc-tiddler-info .tw-tab-buttons button.tw-tab-selected {
.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected {
background-color: <<colour tiddler-info-tab-background>>;
border-bottom: 1px solid <<colour tiddler-info-tab-background>>;
}
.tw-view-field-table {
.tc-view-field-table {
width: 100%;
}
.tw-view-field-name {
.tc-view-field-name {
width: 1%; /* Makes this column be as narrow as possible */
text-align: right;
font-style: italic;
font-weight: 200;
}
.tw-view-field-value {
.tc-view-field-value {
}
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
@@ -593,7 +593,7 @@ button.tw-tag-label, span.tw-tag-label {
}
}
.tw-site-title,
.tc-site-title,
.tc-titlebar {
font-weight: 300;
font-size: 2.35em;
@@ -602,7 +602,7 @@ button.tw-tag-label, span.tw-tag-label {
margin: 0;
}
.tw-system-title-prefix {
.tc-system-title-prefix {
color: <<colour muted-foreground>>;
}
@@ -610,7 +610,7 @@ button.tw-tag-label, span.tw-tag-label {
height: 1em;
}
.tw-subtitle {
.tc-subtitle {
font-size: 0.9em;
color: <<colour tiddler-subtitle-foreground>>;
font-weight: 300;
@@ -638,7 +638,7 @@ button.tw-tag-label, span.tw-tag-label {
fill: <<colour tiddler-controls-foreground>>;
}
.tc-tiddler-controls button.tw-selected svg {
.tc-tiddler-controls button.tc-selected svg {
fill: <<colour tiddler-controls-foreground-selected>>;
}
@@ -705,15 +705,15 @@ canvas.tc-edit-bitmapeditor {
** Toolbar buttons
*/
.tw-page-controls svg.tc-image-new-button {
.tc-page-controls svg.tc-image-new-button {
fill: <<colour toolbar-new-button>>;
}
.tw-page-controls svg.tc-image-options-button {
.tc-page-controls svg.tc-image-options-button {
fill: <<colour toolbar-options-button>>;
}
.tw-page-controls svg.tc-image-save-button {
.tc-page-controls svg.tc-image-save-button {
fill: <<colour toolbar-save-button>>;
}
@@ -763,11 +763,11 @@ canvas.tc-edit-bitmapeditor {
display: inline-block;
}
.tc-edit-add-tag .tw-add-tag-name input {
.tc-edit-add-tag .tc-add-tag-name input {
width: 50%;
}
.tc-edit-tags .tw-tag-label {
.tc-edit-tags .tc-tag-label {
display: inline-block;
}
@@ -905,25 +905,25 @@ canvas.tc-edit-bitmapeditor {
line-height: 1.4;
}
.tc-drop-down .tw-file-input-wrapper {
.tc-drop-down .tc-file-input-wrapper {
width: 100%;
}
.tc-drop-down .tw-file-input-wrapper button {
.tc-drop-down .tc-file-input-wrapper button {
color: <<colour foreground>>;
}
.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tw-file-input-wrapper:hover button {
.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tc-file-input-wrapper:hover button {
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
text-decoration: none;
}
.tc-drop-down .tw-tab-buttons button {
.tc-drop-down .tc-tab-buttons button {
background-color: <<colour dropdown-tab-background>>;
}
.tc-drop-down .tw-tab-buttons button.tw-tab-selected {
.tc-drop-down .tc-tab-buttons button.tc-tab-selected {
background-color: <<colour dropdown-tab-background-selected>>;
border-bottom: 1px solid <<colour dropdown-tab-background-selected>>;
}
@@ -933,7 +933,7 @@ canvas.tc-edit-bitmapeditor {
width: 0.5em;
}
.tc-drop-down .tw-tab-contents a {
.tc-drop-down .tc-tab-contents a {
padding: 0 0.5em 0 0.5em;
}
@@ -1062,18 +1062,18 @@ canvas.tc-edit-bitmapeditor {
** Tabs
*/
.tw-tab-set.tc-vertical {
.tc-tab-set.tc-vertical {
display: -webkit-flex;
display: flex;
}
.tw-tab-buttons {
.tc-tab-buttons {
font-size: 0.85em;
padding-top: 1em;
margin-bottom: -1px;
}
.tw-tab-buttons.tc-vertical {
.tc-tab-buttons.tc-vertical {
z-index: 100;
display: block;
padding-top: 14px;
@@ -1086,7 +1086,7 @@ canvas.tc-edit-bitmapeditor {
flex: 0 0 auto;
}
.tw-tab-buttons button.tw-tab-selected {
.tc-tab-buttons button.tc-tab-selected {
color: <<colour tab-foreground-selected>>;
background-color: <<colour tab-background-selected>>;
border-left: 1px solid <<colour tab-border-selected>>;
@@ -1094,7 +1094,7 @@ canvas.tc-edit-bitmapeditor {
border-right: 1px solid <<colour tab-border-selected>>;
}
.tw-tab-buttons button {
.tc-tab-buttons button {
color: <<colour tab-foreground>>;
padding: 3px 5px 3px 5px;
font-weight: 300;
@@ -1106,7 +1106,7 @@ canvas.tc-edit-bitmapeditor {
border-right: 1px solid <<colour tab-border>>;
}
.tw-tab-buttons.tc-vertical button {
.tc-tab-buttons.tc-vertical button {
display: block;
width: 100%;
margin-top: 3px;
@@ -1117,24 +1117,24 @@ canvas.tc-edit-bitmapeditor {
border-right: none;
}
.tw-tab-buttons.tc-vertical button.tw-tab-selected {
.tc-tab-buttons.tc-vertical button.tc-tab-selected {
background-color: <<colour tab-background-selected>>;
border-right: 1px solid <<colour tab-background-selected>>;
}
.tw-tab-divider {
.tc-tab-divider {
border-top: 1px solid <<colour tab-divider>>;
}
.tw-tab-divider.tc-vertical {
.tc-tab-divider.tc-vertical {
display: none;
}
.tw-tab-content {
.tc-tab-content {
margin-top: 14px;
}
.tw-tab-content.tc-vertical {
.tc-tab-content.tc-vertical {
display: inline-block;
vertical-align: top;
padding-top: 0;
@@ -1144,7 +1144,7 @@ canvas.tc-edit-bitmapeditor {
flex: 1 0 70%;
}
.tw-sidebar-lists .tw-tab-buttons button.tw-tab-selected {
.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {
background-color: <<colour sidebar-tab-background-selected>>;
color: <<colour sidebar-tab-foreground-selected>>;
border-left: 1px solid <<colour sidebar-tab-border-selected>>;
@@ -1152,7 +1152,7 @@ canvas.tc-edit-bitmapeditor {
border-right: 1px solid <<colour sidebar-tab-border-selected>>;
}
.tw-sidebar-lists .tw-tab-buttons button {
.tc-sidebar-lists .tc-tab-buttons button {
background-color: <<colour sidebar-tab-background>>;
color: <<colour sidebar-tab-foreground>>;
border-left: 1px solid <<colour sidebar-tab-border>>;
@@ -1160,11 +1160,11 @@ canvas.tc-edit-bitmapeditor {
border-right: 1px solid <<colour sidebar-tab-border>>;
}
.tw-sidebar-lists .tw-tab-divider {
.tc-sidebar-lists .tc-tab-divider {
border-top: 1px solid <<colour sidebar-tab-divider>>;
}
.tw-more-sidebar .tw-tab-buttons button {
.tc-more-sidebar .tc-tab-buttons button {
background-color: <<colour sidebar-tab-background>>;
border-top: none;
border-left: none;
@@ -1173,7 +1173,7 @@ canvas.tc-edit-bitmapeditor {
margin-bottom: inherit;
}
.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
.tc-more-sidebar .tc-tab-buttons button.tc-tab-selected {
background-color: <<colour sidebar-tab-background-selected>>;
border: none;
}
@@ -1315,15 +1315,15 @@ a.tc-tiddlylink.tc-plugin-info:hover {
** Chooser
*/
.tw-chooser {
.tc-chooser {
border: 1px solid <<colour table-border>>;
}
.tw-chooser-item {
.tc-chooser-item {
border: 8px;
}
.tw-chooser-item a.tc-tiddlylink {
.tc-chooser-item a.tc-tiddlylink {
display: block;
text-decoration: none;
color: <<colour tiddler-link-foreground>>;
@@ -1331,7 +1331,7 @@ a.tc-tiddlylink.tc-plugin-info:hover {
margin: 4px;
}
.tw-chooser-item a.tc-tiddlylink:hover {
.tc-chooser-item a.tc-tiddlylink:hover {
text-decoration: none;
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
@@ -1341,14 +1341,14 @@ a.tc-tiddlylink.tc-plugin-info:hover {
** Palette swatches
*/
.tw-swatches-horiz {
.tc-swatches-horiz {
}
.tw-swatches-horiz .tw-swatch {
.tc-swatches-horiz .tc-swatch {
display: inline-block;
}
.tw-swatch {
.tc-swatch {
width: 2em;
height: 2em;
margin: 4px;
@@ -1359,60 +1359,60 @@ a.tc-tiddlylink.tc-plugin-info:hover {
** Table of contents
*/
.tw-sidebar-lists .tw-table-of-contents {
.tc-sidebar-lists .tc-table-of-contents {
white-space: nowrap;
}
.tw-table-of-contents button {
.tc-table-of-contents button {
color: <<colour sidebar-foreground>>;
}
.tw-table-of-contents svg {
.tc-table-of-contents svg {
width: 0.7em;
height: 0.7em;
vertical-align: middle;
fill: <<colour sidebar-foreground>>;
}
.tw-table-of-contents ol {
.tc-table-of-contents ol {
list-style-type: none;
padding-left: 0;
}
.tw-table-of-contents ol ol {
.tc-table-of-contents ol ol {
padding-left: 1em;
}
.tw-table-of-contents li {
.tc-table-of-contents li {
font-size: 1.0em;
font-weight: bold;
}
.tw-table-of-contents li a {
.tc-table-of-contents li a {
font-weight: bold;
}
.tw-table-of-contents li li {
.tc-table-of-contents li li {
font-size: 0.95em;
font-weight: normal;
line-height: 1.4;
}
.tw-table-of-contents li li a {
.tc-table-of-contents li li a {
font-weight: normal;
}
.tw-table-of-contents li li li {
.tc-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 {
.tc-table-of-contents li li li a {
font-weight: bold;
}
.tw-table-of-contents li li li li {
.tc-table-of-contents li li li li {
font-size: 0.95em;
font-weight: 200;
}
@@ -1430,14 +1430,14 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
** File inputs
*/
.tw-file-input-wrapper {
.tc-file-input-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.tw-file-input-wrapper input[type=file] {
.tc-file-input-wrapper input[type=file] {
position: absolute;
top: 0;
left: 0;