Mercurial > code > home > repos > streamed-graph
diff src/streamed-graph.css @ 36:8b4dc9e87b56
reindent to 2-spaces with prettier
author | drewp@bigasterisk.com |
---|---|
date | Sat, 28 Dec 2019 02:24:55 -0800 |
parents | 7ca4ff2088c3 |
children | 709e305dbd4f |
line wrap: on
line diff
--- a/src/streamed-graph.css Sat Dec 28 02:01:23 2019 -0800 +++ b/src/streamed-graph.css Sat Dec 28 02:24:55 2019 -0800 @@ -1,130 +1,141 @@ :host { - display: flex; - flex-direction: column; - padding: 2px 0; + display: flex; + flex-direction: column; + padding: 2px 0; } div#ui { - display: inline-block; - width: 30em; - border: 1px solid gray; - background: #BFBFBF; - color: black; + display: inline-block; + width: 30em; + border: 1px solid gray; + background: #bfbfbf; + color: black; +} +#ui button { + width: 2em; } -#ui button { width: 2em; } div#graphView { - } -div a { color: #007; } +div a { + color: #007; +} .expander { - display: inline-block; - padding: 3px; + display: inline-block; + padding: 3px; } /* graph view */ -@import url('https://fonts.googleapis.com/css?family=Allerta|Dosis|Jura&display=swap'); +@import url("https://fonts.googleapis.com/css?family=Allerta|Dosis|Jura&display=swap"); body.rdfBrowsePage { - background: black; - color: white; - font-family: 'Allerta', sans-serif; - font-size: 12px; + background: black; + color: white; + font-family: "Allerta", sans-serif; + font-size: 12px; } -body.rdfBrowsePage pre { - font-family: 'Allerta', sans-serif; +body.rdfBrowsePage pre { + font-family: "Allerta", sans-serif; } -body.rdfBrowsePage a { - color: #b1b1fd; - text-shadow: 1px 1px 0px #0400ff94; - text-decoration-color: #00007714; +body.rdfBrowsePage a { + color: #b1b1fd; + text-shadow: 1px 1px 0px #0400ff94; + text-decoration-color: #00007714; } section { - border: 1px solid gray; - padding: 4px; - font-family: 'Allerta', sans-serif; + border: 1px solid gray; + padding: 4px; + font-family: "Allerta", sans-serif; } .spoGrid { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } -.subject, .predicate { - display: flex; - align-items: baseline; +.subject, +.predicate { + display: flex; + align-items: baseline; } -.predicate, .object { - margin-left: 5px; +.predicate, +.object { + margin-left: 5px; } -.subject { border-top: 1px solid #2f2f2f; } +.subject { + border-top: 1px solid #2f2f2f; +} .literal { - border: 1px solid gray; - border-radius: 9px; - padding: 4px; - margin: 3px; + border: 1px solid gray; + border-radius: 9px; + padding: 4px; + margin: 3px; } -.subject > .node { border: 2px solid rgb(68, 141, 68); } +.subject > .node { + border: 2px solid rgb(68, 141, 68); +} .literalType { - vertical-align: super; - font-size: 80%; + vertical-align: super; + font-size: 80%; } .literal { - display: inline-block; - font-family: monospace; - font-size: 115%; + display: inline-block; + font-family: monospace; + font-size: 115%; } .resource { - display: inline-block; - background: lightblue; - border-radius: 6px; - padding: 1px 6px; - margin: 2px; + display: inline-block; + background: lightblue; + border-radius: 6px; + padding: 1px 6px; + margin: 2px; } .predicate > a { - color: #e49dfb; + color: #e49dfb; } .predicate > a::before { - content: "━"; - font-size: 125%; - font-weight: bolder; - padding-right: 2px; + content: "━"; + font-size: 125%; + font-weight: bolder; + padding-right: 2px; } .predicate > a::after { - content: "🠪"; + content: "🠪"; } -.comment { color: green; } +.comment { + color: green; +} table.typeBlock { - border-collapse: collapse; + border-collapse: collapse; } table.typeBlock th { - background: #1f1f1f; - border: 2px #333333 outset; + background: #1f1f1f; + border: 2px #333333 outset; } table.typeBlock td { - white-space: nowrap; - background: #2b2b2b; - border: 2px #4a4a4a outset; + white-space: nowrap; + background: #2b2b2b; + border: 2px #4a4a4a outset; } table.typeBlock td .literal { - padding-top: 1px; - padding-bottom: 1px; + padding-top: 1px; + padding-bottom: 1px; } .typeBlockScroll { - max-width: 100%; - overflow-x: auto; + max-width: 100%; + overflow-x: auto; } /* for my pages serving rdf data, not necessarily part of browse/ */ .served-resources { - margin-top: 4em; - border-top: 1px solid gray; - padding-top: 1em; + margin-top: 4em; + border-top: 1px solid gray; + padding-top: 1em; } .served-resources a { - padding-right: 2em; + padding-right: 2em; }