summaryrefslogtreecommitdiffstats
path: root/static/style.css
diff options
context:
space:
mode:
authorclsr <clsr@clsr.net>2017-08-18 14:08:04 +0200
committerclsr <clsr@clsr.net>2017-08-18 14:08:04 +0200
commit1c15fe67c72b4591feaceeffec0951e34a6c2e46 (patch)
treec22393533916300e73799b9fe630c392a48a1c6b /static/style.css
downloadcn-http-1c15fe67c72b4591feaceeffec0951e34a6c2e46.tar.gz
cn-http-1c15fe67c72b4591feaceeffec0951e34a6c2e46.zip
Initial commitv0.1.0
Diffstat (limited to 'static/style.css')
-rw-r--r--static/style.css167
1 files changed, 167 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..752d538
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,167 @@
+html {
+ height: 100%;
+ font-family: sans-serif;
+ color: black;
+ background-color: white;
+}
+
+body {
+ margin: 1em auto;
+ max-width: 50em;
+ padding: 0 0.5em;
+}
+
+section {
+ margin: 0.25em;
+}
+
+section h1, section h2, section h3,
+section h4, section h5, section h6 {
+ padding: 0;
+ margin: 0;
+ display: inline-block;
+}
+
+.sec-link {
+ display: none;
+}
+
+:hover>*>.sec-link {
+ display: inline;
+}
+
+a.cnp-external: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:after {
+ content: '[http]';
+}
+
+a.cnp-external-https:after {
+ content: '[https]';
+}
+
+main {
+ border: 1px dashed #aaa;
+ tab-size: 4;
+ -moz-tab-size: 4; /* Pale Moon and older FF need prefix */
+}
+
+main, section {
+ padding: 0.75em;
+}
+
+main:hover, section:hover {
+}
+
+pre, code {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+pre {
+ margin: 0;
+ display: inline-block;
+ white-space: pre-wrap;
+}
+
+code {
+ background-color: #f8f8f8;
+ border: 1px solid #ccc;
+}
+
+pre.cnm-raw {
+ display: block;
+}
+
+pre>code {
+ background-color: #fbfbfb;
+ display: block;
+ border: 1px solid black;
+ width: auto;
+ padding: 0.5em;
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+
+pre>code:hover {
+ background-color: #f4f4f4;
+}
+
+p, figcaption, pre {
+ margin-bottom: 1em;
+}
+
+figure {
+ border: 1px solid #aaa;
+ display: inline-block;
+ padding: 0 0.5em;
+ margin: 0 auto;
+}
+
+summary {
+ cursor: pointer;
+}
+
+details>summary>* {
+ text-decoration: underline;
+}
+
+details[open]>summary>* {
+ text-decoration: none;
+}
+
+header {
+}
+
+footer {
+ padding-top: 0.5em;
+ font-size: 0.8em;
+}
+
+footer details {
+ display: inline-block;
+}
+
+table {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+ border-collapse: collapse;
+}
+
+li p, li pre, li code, table p, table pre, table code {
+ padding: 0;
+ margin: 0;
+}
+
+table, th, td {
+ border: 1px solid black;
+}
+
+img {
+ padding-top: 0.5em;
+ max-width: 100%;
+}
+
+#browser {
+ width: 100%;
+ border: 1px solid black;
+ padding: 1em;
+ display: flex;
+}
+#browser input[type=text] {
+ flex: 1;
+}
+#browser input[type=submit] {
+ border: 1px solid black;
+ margin-left: 0.5em;
+}