summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorclsr <clsr@clsr.net>2017-08-22 11:56:06 +0200
committerclsr <clsr@clsr.net>2017-08-22 11:56:06 +0200
commit63b981cae2e7ee35c1c932f8dd24a603e53c1e13 (patch)
treea4e189cc13b7ebf35ad06f25b2f31a95d61b5c36
parent1c15fe67c72b4591feaceeffec0951e34a6c2e46 (diff)
downloadcn-http-63b981cae2e7ee35c1c932f8dd24a603e53c1e13.tar.gz
cn-http-63b981cae2e7ee35c1c932f8dd24a603e53c1e13.zip
Change external link indicator to an arrow icon
-rw-r--r--extlink-arrow.svg215
-rw-r--r--static/style.css23
2 files changed, 230 insertions, 8 deletions
diff --git a/extlink-arrow.svg b/extlink-arrow.svg
new file mode 100644
index 0000000..00d4faf
--- /dev/null
+++ b/extlink-arrow.svg
@@ -0,0 +1,215 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="80"
+ height="80"
+ viewBox="0 0 21.166667 21.166667"
+ version="1.1"
+ id="svg8"
+ inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+ sodipodi:docname="extlink-arrow.svg">
+ <defs
+ id="defs2">
+ <marker
+ inkscape:stockid="DiamondMend"
+ orient="auto"
+ refY="0"
+ refX="0"
+ id="DiamondMend"
+ style="overflow:visible"
+ inkscape:isstock="true">
+ <path
+ id="path5201"
+ d="M 0,-7.0710768 -7.0710894,0 0,7.0710589 7.0710462,0 Z"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+ transform="matrix(0.4,0,0,0.4,-2.6,0)"
+ inkscape:connector-curvature="0" />
+ </marker>
+ <marker
+ style="overflow:visible"
+ id="DistanceEnd"
+ refX="0"
+ refY="0"
+ orient="auto"
+ inkscape:stockid="DistanceEnd"
+ inkscape:isstock="true">
+ <g
+ id="g2301"
+ style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+ <path
+ style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.14999998;stroke-linecap:square;stroke-opacity:1"
+ d="M 0,0 H -2"
+ id="path2316"
+ inkscape:connector-curvature="0" />
+ <path
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-opacity:1"
+ d="m 0,0 -13,4 4,-4 -4,-4 z"
+ id="path2312"
+ inkscape:connector-curvature="0" />
+ <path
+ style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:square;stroke-opacity:1"
+ d="M 0,-4 V 40"
+ id="path2314"
+ inkscape:connector-curvature="0" />
+ </g>
+ </marker>
+ <marker
+ style="overflow:visible"
+ id="DistanceStart"
+ refX="0"
+ refY="0"
+ orient="auto"
+ inkscape:stockid="DistanceStart"
+ inkscape:isstock="true">
+ <g
+ id="g2300"
+ style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+ <path
+ style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.14999998;stroke-linecap:square;stroke-opacity:1"
+ d="M 0,0 H 2"
+ id="path2306"
+ inkscape:connector-curvature="0" />
+ <path
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-opacity:1"
+ d="M 0,0 13,4 9,0 13,-4 Z"
+ id="path2302"
+ inkscape:connector-curvature="0" />
+ <path
+ style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:square;stroke-opacity:1"
+ d="M 0,-4 V 40"
+ id="path2304"
+ inkscape:connector-curvature="0" />
+ </g>
+ </marker>
+ <marker
+ inkscape:stockid="Arrow1Send"
+ orient="auto"
+ refY="0"
+ refX="0"
+ id="Arrow1Send"
+ style="overflow:visible"
+ inkscape:isstock="true">
+ <path
+ id="path5116"
+ d="M 0,0 5,-5 -12.5,0 5,5 Z"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+ transform="matrix(-0.2,0,0,-0.2,-1.2,0)"
+ inkscape:connector-curvature="0" />
+ </marker>
+ <marker
+ inkscape:stockid="TriangleOutL"
+ orient="auto"
+ refY="0"
+ refX="0"
+ id="TriangleOutL"
+ style="overflow:visible"
+ inkscape:isstock="true">
+ <path
+ id="path5243"
+ d="M 5.77,0 -2.88,5 V -5 Z"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+ transform="scale(0.8)"
+ inkscape:connector-curvature="0" />
+ </marker>
+ <marker
+ inkscape:stockid="Arrow1Lend"
+ orient="auto"
+ refY="0"
+ refX="0"
+ id="Arrow1Lend"
+ style="overflow:visible"
+ inkscape:isstock="true">
+ <path
+ id="path5104"
+ d="M 0,0 5,-5 -12.5,0 5,5 Z"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+ transform="matrix(-0.8,0,0,-0.8,-10,0)"
+ inkscape:connector-curvature="0" />
+ </marker>
+ <marker
+ inkscape:stockid="Arrow2Lend"
+ orient="auto"
+ refY="0"
+ refX="0"
+ id="Arrow2Lend"
+ style="overflow:visible"
+ inkscape:isstock="true">
+ <path
+ id="path5122"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+ d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+ transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+ inkscape:connector-curvature="0" />
+ </marker>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.9662135"
+ inkscape:cx="17.22406"
+ inkscape:cy="28.830711"
+ inkscape:document-units="mm"
+ inkscape:current-layer="g1124"
+ showgrid="false"
+ units="px"
+ showguides="false"
+ inkscape:window-width="1920"
+ inkscape:window-height="1058"
+ inkscape:window-x="1920"
+ inkscape:window-y="22"
+ inkscape:window-maximized="0"
+ scale-x="1">
+ <inkscape:grid
+ type="xygrid"
+ id="grid6084" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-275.83332)"
+ style="opacity:1">
+ <g
+ id="g1124"
+ transform="matrix(1.0163934,0,0,1.0163934,1.0366461,-5.9055054)"
+ style="stroke-width:0.98387098">
+ <rect
+ y="284.56458"
+ x="1.3229166"
+ height="11.1125"
+ width="11.1125"
+ id="rect5087"
+ style="opacity:1;fill:none;fill-opacity:0.99376945;stroke:#0088ff;stroke-width:2.08252668;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ sodipodi:nodetypes="cccccccc"
+ inkscape:connector-curvature="0"
+ id="path6082"
+ d="m 4.1425432,288.86147 3.9959868,3.99598 6.659979,-6.65997 2.663991,2.66399 V 279.5375 H 8.13853 l 2.663992,2.66399 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#00aaff;stroke-width:2.08252668;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/static/style.css b/static/style.css
index 752d538..e389e50 100644
--- a/static/style.css
+++ b/static/style.css
@@ -30,24 +30,31 @@ section h4, section h5, section h6 {
display: inline;
}
-a.cnp-external:after {
+a.cnp-external {
+ background-position: right center;
+ background-repeat: no-repeat;
+ background-size: 0.8em;
+ padding-right: 0.85em;
+ background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20version%3D%221.1%22%20viewBox%3D%220%200%2021.167%2021.167%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%280%20-275.83%29%22%3E%3Cg%20transform%3D%22matrix%281.0164%200%200%201.0164%201.0366%20-5.9055%29%22%20stroke-width%3D%222.0825%22%3E%3Crect%20x%3D%221.3229%22%20y%3D%22284.56%22%20width%3D%2211.112%22%20height%3D%2211.112%22%20fill%3D%22none%22%20stroke%3D%22%2308f%22%2F%3E%3Cpath%20d%3D%22m4.1425%20288.86%203.996%203.996%206.66-6.66%202.664%202.664v-9.324h-9.324l2.664%202.664z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%230af%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+}
+
+a.cnp-external:hover:after {
text-decoration: none;
color: gray;
display: inline-block;
font-size: 0.8em;
- content: '\01f517';
}
-a.cnp-external-cnp:after {
- content: '[cnp]';
+a.cnp-external-http:hover:after {
+ content: 'http';
}
-a.cnp-external-http:after {
- content: '[http]';
+a.cnp-external-https:hover:after {
+ content: 'https';
}
-a.cnp-external-https:after {
- content: '[https]';
+a.cnp-external-cnp:hover:after {
+ content: 'cnp';
}
main {