Dave Jarvis' Repositories

git clone https://repo.autonoma.ca/repo/delibero.git

Split duplicate CSS into separate files.

AuthorDave Jarvis <email>
Date2014-07-25 13:58:25 GMT-0700
Commit8f8b102f8e03eb9f06bc71d38ee8494cf8968064
Parentfa9a86a
xml/discuss.css
+@import url( "xref.css" );
+
.summary {
padding-bottom: 0.5em;
margin-left: 1em;
margin-top: 0.5em;
+}
+
+.implication > .paragraph {
+ display: block;
+ margin-left: 2.5em;
}
.counter {
- padding-left: 3em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
+ margin-left: 3.5em;
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
}
.counter::before {
content: "[Counter]";
font-weight: bold;
font-size: .9em;
vertical-align: top;
-}
-
-a {
- text-decoration: none;
- color: #46A5E5;
-}
-
-.xref {
- display: inline;
}
xml/discuss.xml
</paragraph>
</implication>
+ <implication>
+ <votes>
+ <pro>210</pro>
+ <con>14</con>
+ </votes>
+ <paragraph>
+ As documented in <xref id="12">Naked Citizens</xref>, once a
+ computer algorithm ascribes someone as suspicious, all else in that
+ person's life becomes sinister and suspect.
+ </paragraph>
+ </implication>
+ <implication>
+ <votes>
+ <pro>114</pro>
+ <con>22</con>
+ </votes>
+ <paragraph>
+ Dragnet surveillance gives police greater powers with less oversight,
+ producing false positives due to <xref id="14">profiling
+ problems</xref>.
+ </paragraph>
+ </implication>
+ <implication>
+ <votes>
+ <pro>94</pro>
+ <con>8</con>
+ </votes>
+ <paragraph>
+ Data retention can <xref id="13">overturn</xref> the presumption of
+ innocence.
+ </paragraph>
+ </implication>
+ <implication>
+ <votes>
+ <pro>718</pro>
+ <con>132</con>
+ </votes>
+ <paragraph>
+ Unchecked access to big data enabled the <xref id="14">Holocaust</xref>.
+ </paragraph>
+ </implication>
</implications>
</policy>
xml/edit-discuss-flag.css
+.related {
+ display: flex;
+ justify-content: flex-end;
+
+ padding-top: 0.5em;
+ width: 100%;
+}
+
+.related > div {
+ display: inline;
+ color: #333;
+}
+
+.related > div > a {
+ padding-right: 5px;
+ color: #46A5E5;
+}
+
+.edit { order: 1; }
+.discuss { order: 2; }
+.flag { order: 3; }
+
+.discuss::after, .edit::after {
+ content: "|";
+ padding-right: 3px;
+}
+
+.discuss > a::before { content: "discuss"; }
+.edit > a::before { content: "edit"; }
+.flag > a::before { content: "flag"; }
+
xml/hypothesis.css
+@import url( "edit-discuss-flag.css" );
+@import url( "xref.css" );
+
.policy {
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
-}
-
-a {
- text-decoration: none;
- color: #46A5E5;
-}
-
-.xref {
- display: inline;
-}
-
-.related {
- display: flex;
- justify-content: flex-end;
-
- padding-top: 0.5em;
- width: 100%;
-}
-
-.related > div {
- display: inline;
- color: #333;
-}
-
-.related > div > a {
- padding-right: 5px;
- color: #46A5E5;
-}
-
-.edit { order: 1; }
-.discuss { order: 2; }
-.flag { order: 3; }
-
-.discuss::after, .edit::after {
- content: "|";
- padding-right: 3px;
}
-
-.discuss > a::before { content: "discuss"; }
-.edit > a::before { content: "edit"; }
-.flag > a::before { content: "flag"; }
-
xml/proposal.css
+@import url( "edit-discuss-flag.css" );
+@import url( "xref.css" );
+
+.policy, .tags {
+ padding-bottom: 0.5em;
+ border-bottom: 1px solid black;
+}
+
+.tags {
+ width: 100%;
+}
+
+.paragraph {
+ padding-top: 0.5em;
+ line-height: 120%;
+}
+
+.tags {
+ display: inline-flex;
+ font-size: 0.8em;
+ color: #B93507;
+}
+
+/** Separate tags using horizontal bars. */
+.tag::after {
+ content: "|";
+ padding-left: 5px;
+ padding-right: 5px;
+}
+.tag:last-child:after { content: ""; }
+
+
xml/proposal.xml
+<?xml version="1.0"?>
+<?xml-stylesheet type="text/xsl" href="common.xsl" ?>
+<policy style="proposal">
+ <summary>
+ <title>Digital Freedom Act</title>
+ <tags>
+ <tag>Act</tag>
+ <tag>Copyright</tag>
+ <tag>Criminal Code</tag>
+ <tag>Digital Rights</tag>
+ <tag>Internet</tag>
+ </tags>
+ </summary>
+ <synopsis>
+ <paragraph>
+ We have the right to protect our private and family life. Wanting privacy is not a suspicious activity. Government programmes track all electronic and phone communications: an excessively <xref id="4">expensive</xref> intrusion. The funds allotted to such programmes should be directed to building secure digital infrastructures, not surveillance.
+ </paragraph>
+ </synopsis>
+ <proposal>
+ <paragraph>
+ This act
+ </paragraph>
+ </proposal>
+
+ <related>
+ <discuss id="1" />
+ <edit id="1" />
+ <flag id="1" />
+ </related>
+</policy>
+
xml/summary.css
+@import url( "xref.css" );
+
.summary, .paragraph, .votes > .pro {
padding-bottom: 0.5em;
.discuss > a::before { content: "discuss"; }
.flag > a::before { content: "flag"; }
-
-a {
- text-decoration: none;
- color: #46A5E5;
-}
-
-.xref {
- display: inline;
-}
xml/support.css
+@import url( "edit-discuss-flag.css" );
+@import url( "xref.css" );
+
.policy {
padding-bottom: 0.5em;
.votes > .con::after {
content: "▼";
- padding-top: 0.5em;
-}
-
-a {
- text-decoration: none;
- color: #46A5E5;
-}
-
-.xref {
- display: inline;
-}
-
-.related {
- display: flex;
- justify-content: flex-end;
-
padding-top: 0.5em;
- width: 100%;
-}
-
-.related > div {
- display: inline;
- color: #333;
-}
-
-.related > div > a {
- padding-right: 5px;
- color: #46A5E5;
-}
-
-.edit { order: 1; }
-.discuss { order: 2; }
-.flag { order: 3; }
-
-.discuss::after, .edit::after {
- content: "|";
- padding-right: 3px;
}
-
-.discuss > a::before { content: "discuss"; }
-.edit > a::before { content: "edit"; }
-.flag > a::before { content: "flag"; }
xml/xref.css
+a {
+ text-decoration: none;
+ color: #46A5E5;
+}
+
+.xref {
+ display: inline;
+}
+
Delta162 lines added, 102 lines removed, 60-line increase