mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-28 02:50:27 +00:00
0aae6ab109
They look pretty hideous, IMO; the starlight theme is turning into a bit of a dumping ground of demos of techniques that would be useful in more skilled hands (embedded fonts, embedded background bitmaps, etc)
88 lines
1.7 KiB
Plaintext
88 lines
1.7 KiB
Plaintext
title: $:/themes/tiddlywiki/starlight/styles.tid
|
|
tags: [[$:/tags/stylesheet]]
|
|
|
|
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
|
|
\define border-radius(radius)
|
|
```
|
|
-webkit-border-radius: $radius$;
|
|
-moz-border-radius: $radius$;
|
|
border-radius: $radius$;
|
|
```
|
|
\end
|
|
\define box-shadow(shadow)
|
|
```
|
|
-webkit-box-shadow: $shadow$;
|
|
-moz-box-shadow: $shadow$;
|
|
box-shadow: $shadow$;
|
|
```
|
|
\end
|
|
\define background-linear-gradient(gradient)
|
|
```
|
|
background-image: linear-gradient($gradient$);
|
|
background-image: -o-linear-gradient($gradient$);
|
|
background-image: -moz-linear-gradient($gradient$);
|
|
background-image: -webkit-linear-gradient($gradient$);
|
|
background-image: -ms-linear-gradient($gradient$);
|
|
```
|
|
\end
|
|
\define datauri(title)
|
|
<$datauri tiddler="$title$"/>
|
|
\end
|
|
|
|
/*
|
|
Placeholder for a more thorough refinement of Snow White
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: "Arvo";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local("Arvo"), url(<<datauri "$:/themes/tiddlywiki/starlight/arvo.woff">>) format("woff");
|
|
}
|
|
|
|
html body {
|
|
font-family: "Arvo", "Times";
|
|
background: url(<<datauri "$:/themes/tiddlywiki/starlight/ltbg.jpg">>);
|
|
}
|
|
|
|
/*
|
|
** Some rainbow icon colours
|
|
*/
|
|
|
|
svg.tw-image-new-button {
|
|
fill: #5eb95e; /* Green */
|
|
}
|
|
|
|
svg.tw-image-options-button {
|
|
fill: rgb(128, 88, 165); /* Purple */
|
|
}
|
|
|
|
svg.tw-image-save-button {
|
|
fill: #0e90d2; /* Light blue */
|
|
}
|
|
|
|
svg.tw-image-info-button {
|
|
fill: #0e90d2; /* Light blue */
|
|
}
|
|
|
|
svg.tw-image-edit-button {
|
|
fill: rgb(243, 123, 29); /* Orange */
|
|
}
|
|
|
|
svg.tw-image-close-button {
|
|
fill: #dd514c; /* Red */
|
|
}
|
|
|
|
svg.tw-image-delete-button {
|
|
fill: #dd514c; /* Red */
|
|
}
|
|
|
|
svg.tw-image-cancel-button {
|
|
fill: rgb(243, 123, 29); /* Orange */
|
|
}
|
|
|
|
svg.tw-image-done-button {
|
|
fill: #5eb95e; /* Green */
|
|
}
|
|
|