diff options
author | clsr <clsr@clsr.net> | 2017-08-22 11:56:06 +0200 |
---|---|---|
committer | clsr <clsr@clsr.net> | 2017-08-22 11:56:06 +0200 |
commit | 63b981cae2e7ee35c1c932f8dd24a603e53c1e13 (patch) | |
tree | a4e189cc13b7ebf35ad06f25b2f31a95d61b5c36 | |
parent | 1c15fe67c72b4591feaceeffec0951e34a6c2e46 (diff) | |
download | cn-http-63b981cae2e7ee35c1c932f8dd24a603e53c1e13.tar.gz cn-http-63b981cae2e7ee35c1c932f8dd24a603e53c1e13.zip |
Change external link indicator to an arrow icon
-rw-r--r-- | extlink-arrow.svg | 215 | ||||
-rw-r--r-- | static/style.css | 23 |
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 { |