diff options
author | Daisuke KONISHI <skydai1151@gmail.com> | 2018-02-09 14:54:54 +0300 |
---|---|---|
committer | Daisuke KONISHI <skydai1151@gmail.com> | 2018-02-09 15:02:46 +0300 |
commit | 3f0b977c9df0f5695185849db8fab0a82965caf0 (patch) | |
tree | 7db70d5287b3c00829307d195b2bb1c1936a78c1 /static | |
parent | 3c7fa5487dba179e2108abc3adf536a43fc20264 (diff) |
update headline's margin
Diffstat (limited to 'static')
-rw-r--r-- | static/css/application.css | 542 |
1 files changed, 20 insertions, 522 deletions
diff --git a/static/css/application.css b/static/css/application.css index a7a9c38..3106dbe 100644 --- a/static/css/application.css +++ b/static/css/application.css @@ -1,518 +1,4 @@ @charset "UTF-8"; -/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */ -/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics) - ========================================================================== */ -/** - * 1. Remove repeating backgrounds in all browsers (opinionated). - * 2. Add box sizing inheritence in all browsers (opinionated). - */ -*, -::before, -::after { - background-repeat: no-repeat; - /* 1 */ - box-sizing: inherit; - /* 2 */ } - -/** - * 1. Add text decoration inheritance in all browsers (opinionated). - * 2. Add vertical alignment inheritence in all browsers (opinionated). - */ -::before, -::after { - text-decoration: inherit; - /* 1 */ - vertical-align: inherit; - /* 2 */ } - -/** - * 1. Add border box sizing in all browsers (opinionated). - * 2. Add the default cursor in all browsers (opinionated). - * 3. Prevent font size adjustments after orientation changes in IE and iOS. - */ -html { - box-sizing: border-box; - /* 1 */ - cursor: default; - /* 2 */ - -ms-text-size-adjust: 100%; - /* 3 */ - -webkit-text-size-adjust: 100%; - /* 3 */ } - -/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections) - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -article, -aside, -footer, -header, -nav, -section { - display: block; } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - margin: .67em 0; } - -/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content) - ========================================================================== */ -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in IE. - */ -figcaption, -figure, -main { - /* 1 */ - display: block; } - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Remove the list style on navigation lists in all browsers (opinionated). - */ -nav ol, -nav ul { - list-style: none; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics) - ========================================================================== */ -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ -a { - background-color: transparent; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * 1. Remove the bottom border in Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - text-decoration: underline dotted; - /* 2 */ } - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ -b, -strong { - font-weight: inherit; } - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; } - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ffff00; - color: #000000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -.25em; } - -sup { - top: -.5em; } - -/* - * Remove the text shadow on text selections (opinionated). - * 1. Restore the coloring undone by defining the text shadow (opinionated). - */ -::-moz-selection { - background-color: #b3d4fc; - /* 1 */ - color: #000000; - /* 1 */ - text-shadow: none; } - -::selection { - background-color: #b3d4fc; - /* 1 */ - color: #000000; - /* 1 */ - text-shadow: none; } - -/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content) - ========================================================================== */ -/* - * Change the alignment on media elements in all browers (opinionated). - */ -audio, -canvas, -iframe, -img, -svg, -video { - vertical-align: middle; } - -/** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; } - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Remove the border on images inside links in IE 10-. - */ -img { - border-style: none; } - -/** - * Change the fill color to match the text color in all browsers (opinionated). - */ -svg { - fill: currentColor; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables) - ========================================================================== */ -/** - * Collapse border spacing - */ -table { - border-collapse: collapse; } - -/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms) - ========================================================================== */ -/** - * Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - margin: 0; } - -/** - * Inherit styling in all browsers (opinionated). - */ -button, -input, -select, -textarea { - background-color: transparent; - color: inherit; - font-size: inherit; - line-height: inherit; } - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { - /* 1 */ - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; - /* 1 */ - color: inherit; - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * 1. Remove the default vertical scrollbar in IE. - * 2. Change the resize direction on textareas in all browsers (opinionated). - */ -textarea { - overflow: auto; - /* 1 */ - resize: vertical; - /* 2 */ } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ } - -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ } - -/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements) - ========================================================================== */ -/* - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - */ -details, -menu { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3) - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; } - -/** - * Add the correct display in IE. - */ -template { - display: none; } - -/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing) - ========================================================================== */ -/* - * Remove the tapping delay on clickable elements (opinionated). - * 1. Remove the tapping delay in IE 10. - */ -a, -area, -button, -input, -label, -select, -summary, -textarea, -[tabindex] { - -ms-touch-action: manipulation; - /* 1 */ - touch-action: manipulation; } - -/** - * Add the correct display in IE 10-. - */ -[hidden] { - display: none; } - -/* ARIA (https://w3c.github.io/html-aria/) - ========================================================================== */ -/** - * Change the cursor on busy elements (opinionated). - */ -[aria-busy="true"] { - cursor: progress; } - -/* - * Change the cursor on control elements (opinionated). - */ -[aria-controls] { - cursor: pointer; } - -/* - * Change the display on visually hidden accessible elements (opinionated). - */ -[aria-hidden="false"][hidden]:not(:focus) { - clip: rect(0, 0, 0, 0); - display: inherit; - position: absolute; } - -/* - * Change the cursor on disabled, not-editable, or otherwise - * inoperable elements (opinionated). - */ -[aria-disabled] { - cursor: default; } - h1 { margin: 0; } @@ -576,8 +62,12 @@ button { list-style-type: none; padding-left: 0; margin: 0; } - .c-archive-list__item + .c-archive-list__item { - margin-top: 20px; } + .c-archive-list__item { + transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } + .c-archive-list__item + .c-archive-list__item { + margin-top: 20px; } + .c-archive-list__item:hover { + background-color: #eeeeee; } .c-bg-img { background-repeat: no-repeat; @@ -667,6 +157,8 @@ button { width: 100%; height: 100%; vertical-align: middle; } + .c-post__header__meta { + margin-top: 0.4em; } .c-post__title { line-height: 1.4; font-size: 1.8rem; @@ -676,25 +168,26 @@ button { .c-post__title { font-size: 1.4rem; } } .c-post__body { - margin-top: 30px; } + margin-top: 4rem; } .c-post__body * + * { - margin-top: 1rem; } + margin-top: 0.8rem; } .c-post__body h2 { + margin-top: 2rem; line-height: 1.4; font-size: 1.5rem; } .c-post__body h3 { + margin-top: 1.4rem; line-height: 1.4; font-size: 1.4rem; } .c-post__body h4, .c-post__body h5 { - font-size: 1.2rem; } + font-size: 1.4rem; } .c-post__body img { width: 100%; } .c-post__body pre { - width: 94%; - margin: 1rem auto 0; + margin: 1.6rem 1.2rem; padding: 1em; - background-color: #242424; + background-color: #383737; overflow: auto; white-space: pre-wrap; word-wrap: break-word; } @@ -702,9 +195,14 @@ button { width: 100%; color: #f6f6f6; } .c-post__body blockquote { + margin: 1.6rem 1.2rem; padding: 0 1em; border-left: 4px solid #b9b9b9; color: #b9b9b9; } + .c-post__body a { + color: #3779cc; } + .c-post__body a:hover { + text-decoration: none; } .c-post__footer { margin-top: 40px; border-top: 1px solid #a0a0a0; } |