diff options
| author | Shulhan <ms@kilabit.info> | 2020-05-01 15:04:39 +0700 |
|---|---|---|
| committer | Shulhan <ms@kilabit.info> | 2020-05-07 13:56:46 +0700 |
| commit | be40291e5dac2a56de940bfb5dfc842b856ca233 (patch) | |
| tree | 2e1481b01939743d1492d6271069ccd7b9aefaf4 /_example/index.css | |
| parent | 8713b9674b608dd2c7e95215d4b7e8a298898611 (diff) | |
| download | ciigo-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.css | 161 |
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; +} |
