mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 18:17:20 +00:00
Code Issues Releases Wiki Activity

Improve CSS of railroad diagrams

Browse Source
This commit is contained in:
Astrid Elocson 2015-01-13 19:58:30 +00:00
parent 34983dd874
commit af7bbc0d06
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
plugins/tiddlywiki/railroad/files/railroad-diagrams.css
View File

@ -1,13 +1,24 @@
/* CSS modified for TiddlyWiki */
svg.railroad-diagram { svg.railroad-diagram {
background-color: hsl(30,20%,95%); background-color: hsl(30,20%,98%);
border-radius: 5px;
}
svg.railroad-diagram:hover {
background-color: hsl(30,20%,96%);
}
svg.railroad-diagram path,
svg.railroad-diagram rect {
stroke-width: 2;
stroke: #333;
} }
svg.railroad-diagram path { svg.railroad-diagram path {
stroke-width: 3;
stroke: black;
fill: rgba(0,0,0,0); fill: rgba(0,0,0,0);
} }
svg.railroad-diagram rect {
fill: hsl(120,100%,90%);
}
svg.railroad-diagram text { svg.railroad-diagram text {
font: bold 14px monospace; font: 14px monospace;
text-anchor: middle; text-anchor: middle;
} }
svg.railroad-diagram text.label { svg.railroad-diagram text.label {
@ -16,13 +27,6 @@ svg.railroad-diagram text.label {
svg.railroad-diagram text.comment { svg.railroad-diagram text.comment {
font: italic 12px monospace; font: italic 12px monospace;
} }
svg.railroad-diagram rect {
stroke-width: 3;
stroke: black;
fill: hsl(120,100%,90%);
}
/* TiddlyWiki extensions */
svg.railroad-diagram path.arrow { svg.railroad-diagram path.arrow {
stroke-width: 1; stroke-width: 2;
} }