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

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

@ -1,28 +1,32 @@
/* 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; fill: rgba(0,0,0,0);
stroke: black;
fill: rgba(0,0,0,0);
}
svg.railroad-diagram text {
font: bold 14px monospace;
text-anchor: middle;
}
svg.railroad-diagram text.label {
text-anchor: start;
}
svg.railroad-diagram text.comment {
font: italic 12px monospace;
} }
svg.railroad-diagram rect { svg.railroad-diagram rect {
stroke-width: 3; fill: hsl(120,100%,90%);
stroke: black; }
fill: hsl(120,100%,90%); svg.railroad-diagram text {
font: 14px monospace;
text-anchor: middle;
}
svg.railroad-diagram text.label {
text-anchor: start;
}
svg.railroad-diagram text.comment {
font: italic 12px monospace;
} }
/* TiddlyWiki extensions */
svg.railroad-diagram path.arrow { svg.railroad-diagram path.arrow {
stroke-width: 1; stroke-width: 2;
} }