aboutsummaryrefslogtreecommitdiff
path: root/_example/index.css
diff options
context:
space:
mode:
authorShulhan <ms@kilabit.info>2020-05-01 15:04:39 +0700
committerShulhan <ms@kilabit.info>2020-05-07 13:56:46 +0700
commitbe40291e5dac2a56de940bfb5dfc842b856ca233 (patch)
tree2e1481b01939743d1492d6271069ccd7b9aefaf4 /_example/index.css
parent8713b9674b608dd2c7e95215d4b7e8a298898611 (diff)
downloadciigo-be40291e5dac2a56de940bfb5dfc842b856ca233.tar.xz
all: rename the "content" directory to "_example"
While at it, also move the templates into _example and all assets into the same directory.
Diffstat (limited to '_example/index.css')
-rw-r--r--_example/index.css161
1 files changed, 161 insertions, 0 deletions
diff --git a/_example/index.css b/_example/index.css
new file mode 100644
index 0000000..2168b46
--- /dev/null
+++ b/_example/index.css
@@ -0,0 +1,161 @@
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+ background-color: #fff;
+ line-height: 1.3;
+ text-align: center;
+ color: #222;
+}
+pre {
+ font-family: Menlo, monospace;
+ font-size: 0.875rem;
+ line-height: 1.4;
+ overflow-x: auto;
+ background: #efefef;
+ padding: 0.625rem;
+ border-radius: 0.3125rem;
+}
+a {
+ color: #375eab;
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: underline;
+}
+
+p,
+li {
+ max-width: 50rem;
+ word-wrap: break-word;
+}
+p,
+pre,
+ul,
+ol {
+ margin: 1.25rem;
+}
+
+h1,
+h2,
+h3,
+h4 {
+ margin: 1.25rem 0 1.25rem;
+ padding: 0;
+ color: #375eab;
+ font-weight: bold;
+}
+h1 {
+ font-size: 1.75rem;
+ line-height: 1;
+}
+h1 .text-muted {
+ color: #777;
+}
+h2 {
+ clear: right;
+ font-size: 1.25rem;
+ background: #e0ebf5;
+ padding: 0.5rem;
+ line-height: 1.25;
+ font-weight: normal;
+ overflow: auto;
+ overflow-wrap: break-word;
+}
+h2 a {
+ font-weight: bold;
+}
+h3 {
+ font-size: 1.25rem;
+ line-height: 1.25;
+ overflow: auto;
+ overflow-wrap: break-word;
+}
+h3,
+h4 {
+ margin: 1.25rem 0.3125rem;
+}
+h4 {
+ font-size: 1rem;
+}
+
+h2 > span,
+h3 > span {
+ float: right;
+ margin: 0 25px 0 0;
+ font-weight: normal;
+ color: #5279c7;
+}
+
+dl {
+ margin: 1.25rem;
+}
+dd {
+ margin: 0 0 0 1.25rem;
+}
+dl,
+dd {
+ font-size: 0.875rem;
+}
+
+/**
+ * Custom classes for pages
+ */
+
+.topbar {
+ background: #e0ebf5;
+ height: 4rem;
+ overflow: hidden;
+}
+
+.topbar .top-heading,
+.topbar .menu {
+ padding: 1.313rem 0;
+ font-size: 1.25rem;
+ font-weight: normal;
+}
+
+.topbar .top-heading {
+ float: left;
+}
+.topbar .top-heading a {
+ color: #222;
+ text-decoration: none;
+}
+
+.topbar .menu {
+ float: right;
+}
+.topbar .menu a {
+ margin: 0.625rem 0.125rem;
+ padding: 0.625rem;
+ color: white;
+ background: #375eab;
+ border: 0.0625rem solid #375eab;
+ border-radius: 5px;
+}
+.topbar .menu form {
+ margin-left: 0.625rem;
+}
+.page {
+ width: 100%;
+}
+
+.page > .container,
+.topbar > .container {
+ text-align: left;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0 1.25rem;
+}
+
+.container .meta {
+ font-style: italic;
+ margin: 1.25rem;
+}
+
+.footer {
+ text-align: center;
+ color: #666;
+ font-size: 0.875rem;
+ margin: 2.5rem 0;
+}