1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-01 23:56:18 +00:00
TiddlyWiki5/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
Jeremy Ruston 47519b1703
Experiments: Refactoring HelloThere (#8664)
* Initial Commit

* Fix default tiddlers for prerelease

* Use parsermode: inline for tiddlers that don't semantically have paragraphs

* Tweak card styles

Cards can now grow slightly to fill the available space

* Rename "Community Links" to "TiddlyWiki on the Web", and excise the items to individual tiddlers

* Revert changes to core styles

* Introductory text for each welcome tiddler

* Colours for welcome tiddlers

* Simplify introduction of GettingStarted

* Update TiddlyFox information

* Move all the card related definitions into their own folder

Perhaps preparatory to making them into a plugin, or putting them into the core

* Add a hover effect for card icons

* Retract changes to GettingStarted and system fonts

We'll come back to that

* Revert properly
2024-10-08 17:11:30 +01:00

124 lines
2.3 KiB
Plaintext

created: 20200507002727378
modified: 20220719132112414
tags: $:/tags/Stylesheet
title: $:/_tw5.com-styles
type: text/vnd.tiddlywiki
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock
.tc-hero-heading a.tc-tiddlylink {
font-weight: bold;
}
.tc-double-spaced-list li {
padding-bottom: .5em;
padding-top: .5em;
}
.tc-link-info-item {
border: 1px solid #ebefcd;
padding: 5px 10px;
margin-bottom: 10px;
background: <<colour code-background>>;
font-size: 0.8em;
line-height: 1.2;
}
.tc-link-info-item h1 {
font-weight: 500;
font-size: 16px;
}
.tc-scrollable-demo {
border: 1px solid <<colour message-border>>;
background-color: <<colour message-background>>;
padding: 1em;
height: 400px;
position: relative;
overflow: auto;
}
.tc-improvement-banner {
font-size: 0.7em;
background: #fcc;
padding-left: 5px;
margin-top: 6px;
margin-bottom: 12px;
<<box-shadow "2px 2px 2px rgba(0,0,0,0.4)">>
}
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tc-improvement-banner {
}
}
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tc-improvement-banner {
margin-right: -53px;
margin-left: -53px;
}
.tc-improvement-banner:before {
display: block;
position: absolute;
width: 0;
height: 0;
content: " ";
margin-left: -5px;
margin-top: -10px;
border-top: 5px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid #C07E7E;
border-bottom: 5px solid #C07E7E;
}
}
.tc-improvement-banner svg {
width: 1em;
height: 1em;
}
.tc-wrapper-flex {
display: flex;
}
.tc-btn-download {
padding: 10px 30px;
border-radius: 5px;
background: <<colour "download-background">>;
border: none;
box-shadow: 1px 2px 2px 0 <<colour muted-foreground>>;
overflow: hidden;
cursor: pointer;
font-size: 1.2em;
line-height: 1.4em;
color: #fff;
fill: #fff;
}
.tc-btn-download:active {
box-shadow: none;
}
/* WikiText rules */
.multi-columns,
.fourcolumns {
display: block;
column-count: 4;
column-gap: 1em;
-moz-column-count: 4;
-moz-column-gap: 1em;
-webkit-column-count: 4;
-webkit-column-gap: 1em;
}
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.multi-columns {
column-count: 2;
}
}