/** * app-skeleton-webpack:/css/op/args.css * * @creation 2017-07-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ span.args > span.arg:not(:last-child):after { margin-right: 0.25em; content: ','; } span.args > span.arg > span.quote:before, span.args > span.arg > span.quote:after { content: '"'; } span.args > span.arg > span.boolean.true { color: blue; } span.args > span.arg > span.null, span.args > span.arg > span.boolean.false { color: red; } span.args > span.arg > span.number { _font-weight: bold; font-style: italic; } span.args > span.arg > span.integer { } span.args > span.arg > span.double { } span.args > span.arg > span.array { color: purple; } span.args > span.arg > span.object { color: green; } span.args > span.arg > span.string > span.meta { color: #c0c0c0; } span.args > span.arg > span.string > span.meta.space { text-decoration: underline; } /** * app-skeleton-webpack:/css/op/notice.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * app-skeleton-webpack:/css/app/reset.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body, body.body * { _margin: 0; _padding: 0; _background-color: inherit; } /** * app-skeleton-webpack:/css/app/root.css * * @creation 2018-10-26 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ :root { --root-color-font: #555; --root-color-background: #fff; --root-color-border: #333; } /** * app-skeleton-webpack:/css/app/body.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * Font family */ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic); body.body { margin: 0; padding: 1em; color: var(--root-color-font); background-color: var(--root-color-background); font-size: 9pt; font-family: Avenir, "Open Sans", sans-serif; } /** * app-skeleton-webpack:/css/app/font.css * * @creation 2018-05-11 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .bold { font-weight: bold; } /** * app-skeleton-webpack:/css/app/font-size.css * * @creation 2018-11-15 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** For smartphone and tablet settings. * * @creation 2018-11-15 */ @media screen and (max-device-width: 800px) { /** Auto calculate font size. * * Font-size range is 16px to 24px. * View-port range is 400px to 800px. * * @see https://coliss.com/articles/build-websites/operation/css/use-calc-to-change-the-height-of-a-hero-component.html * @creation 2018-11-15 */ body.body * { --font-size-min: 16; --font-size-max: 24; --font-size-base: 16px; font-size: calc(var(--font-size-base) + (var(--font-size-max) - var(--font-size-min))*(100vw - 400px)/(800 - 400)); } } /** * app-skeleton-webpack:/css/app/font-style.css * * @creation 2018-11-19 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .bold { font-weight: bold; } body.body .italic { font-style: italic; } body.body .underline { text-decoration: underline; } /** * app-skeleton-webpack:/css/app/font-color.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .blue, body.body .success { color: blue; } body.body .red, body.body .fail, body.body .failed, body.body .failure, body.body .error { color: red; } /** * app-skeleton-webpack:/css/app/a.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body a { color: #3170C3; } body.body a:hover { text-decoration: underline; } /** * app-skeleton-webpack:/css/app/h.css * * @creation 2018-04-17 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body h1 { font-size: 150%; } body.body h2 { font-size: 150%; } body.body h3 { font-size: 110%; } body.body h4 { font-size: 110%; } body.body h5 { font-size: 100%; } body.body h6 { font-size: 100%; } /** * app-skeleton-webpack:/css/app/p.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body p { text-indent: 1em; } /** * @see http://phiary.me/css-tips-certainly-line-break/ */ body.body p { word-wrap: break-word; white-space: normal; display: block; } /** * @see https://lab.syncer.jp/Web/CSS/Snippet/4/ */ body.body p.br::after { content: "\A" ; white-space: pre; } /** * app-skeleton-webpack:/css/app/list.css * * @creation 2018-04-17 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body ul, body.body ol { padding-left: 1.5em; } /** * app-skeleton-webpack:/css/app/code.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body code { font-family: "Courier New", Consolas, monospace; margin: 1em 0; padding: 0.5em 1em; border-radius: 0.2em; border: 1px solid #F0F0F0; background-color: #F6F6F6; white-space: pre; } /* Separate to inline code */ body.body pre > code { display: block; } /** * app-skeleton-webpack:/css/app/pre.css * * @creation 2018-10-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body pre { margin: 0; padding: 0; border-width: 0; } /** * app-skeleton-webpack:/css/app/form.css * * @creation 2018-05-16 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body form.OP input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), body.body form.OP textarea, body.body form.OP button, body.body form.OP submit, body.body form.OP .button { border: 1px solid #ccc; margin: 0.1em 0; padding: 0.2em 0.4em; } body.body form.OP input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), body.body form.OP textarea { width: 16em; font-size: inherit; /** Anti iPhone auto zoom in. * But, margin of input becomes abnormal. * * @see http://shiru-web.com/2017/05/03/01-36/ * font-size: 16px; transform: scale(0.8); */ } body.body form.OP input[type="date"] { width: 10em; } body.body form.OP select, body.body form.OP option { font-size: inherit; } body.body form.OP textarea { height: 4.6em; } body.body form.OP select[multiple] option { padding: 0.1em 0.2em; } body.body form.OP input[type="radio"], body.body form.OP input[type="checkbox"] { margin-right: 0.25em; } body.body form.OP [readonly="readonly"] { color: #888; cursor: not-allowed; } body.body form.OP label { margin-right: 0.5em; } body.body form.OP label.read-only, body.body form.OP input:read-only, body.body form.OP textarea:read-only { color: #999; } body.body form.OP label.cursor.wait, body.body form.OP input.cursor.wait, body.body form.OP select.cursor.wait, body.body form.OP textarea.cursor.wait { color: #999; cursor: wait; } /** * app-skeleton-webpack:/css/app/form-button.css * * @creation 2018-10-26 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body form.OP .button, body.body form.OP button, body.body form.OP input[type="submit"] { width: 17em; border-radius: 0.2em; background-color: #e9e9e9; font-size: 9pt; user-select: none; } body.body form.OP .button:hover:not([disabled]), body.body form.OP button:hover:not(:disabled), body.body form.OP input[type="submit"]:hover:not(:disabled) { border-color: #909090; background-color: #f0f0f0; color: #000; } body.body form.OP .button:active:not([disabled]), body.body form.OP button:active, body.body form.OP input[type="submit"]:active { color:red; border-color: #606060 !important; background-color: #e0e0e0 !important; outline: none !important; } body.body form.OP .button:focus, body.body form.OP button:focus, body.body form.OP input[type="submit"]:focus { border-color: #606060 !important; outline: none !important; } body.body form.OP .button::-moz-focus-inner, body.body form.OP button::-moz-focus-inner, body.body form.OP input[type="submit"]::-moz-focus-inner { border :0px; } /** Disabled * * * * Button * */ body.body form.OP .button[disabled], body.body form.OP button:disabled, body.body form.OP input[type="submit"]:disabled { color: #999; cursor: not-allowed; } /** * app-skeleton-webpack:/css/app/table.css * * @creation 2017-01-11 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body table, body.body tr, body.body th, body.body td { _border: 1px solid black; } body.body th.left, body.body td.left { text-align: left; } body.body th.right, body.body td.right { text-align: right; } body.body th.center, body.body td.center { text-align: center; } body.body th.top, body.body td.top { vertical-align: top; } body.body th.bottom, body.body td.bottom { vertical-align: bottom; } /** * app-skeleton-webpack:/css/app/cursor.css * * @creation 2018-11-19 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .pointer { cursor: pointer; } /** * app-skeleton-webpack:/css/app/wai-aria.css * * @creation 2017-01-11 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** Table * * @see https://www.w3.org/TR/wai-aria-practices/examples/table/table.html * @see https://www.w3.org/TR/wai-aria-practices/examples/table/css/table.css */ body.body div[role="table"] { display: table; } body.body div[role="table"] div[role="tr"], body.body div[role="table"] div[role="row"], body.body div[role="table"] > div:not([role]) { display: table-row; } body.body div[role="table"] div[role="th"], body.body div[role="table"] div[role="td"], body.body div[role="table"] > div:not([role]) > div:not([role]) { vertical-align: middle; display: table-cell; } body.body div[role="table"] div[role="th"], body.body div[role="table"] span[role="columnheader"] { text-align: center; font-weight: bold; } body.body div[role="table"] div[role="td"], body.body div[role="table"] span[role="cell"] { padding-left: 0.5em; } /** Clickable * */ body.body [role="link"], body.body [role="button"] { cursor: pointer; } /** * app-skeleton-webpack:/css/app/other.css * * @creation 2018-04-17 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .m0 { margin: 0; } body.body .p0 { padding: 0; } body.body .i0 { text-indent: 0; } body.body .indent { padding-left: 2em; } body.body hr { margin: 0.5em 0; } /* Where is this use? */ body.body section.important { padding: 0.5em 1em; border: 1px solid #F0F0E0; border-left: 0.5em solid #F9E46A; border-radius: 0.25em; background-color: #FAF8EA; } body.body .text.left { border: 1px solid black; text-align: left; } body.body .text.center { text-align: center; } body.body .text.right { text-align: right; } body.body .float.left { float: left; } body.body .float.center { float: center; } body.body .float.right { float: right; } body.body [onclick] { cursor: pointer; } /** * app-skeleton-webpack:/css/border.css * * @creation 2018-10-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .border { border-width: 1px; border-style: solid; borde-color: var(--root-color-border); } /** * app-skeleton-webpack:/css/app/breadcrumbs.css * * @creation 2018-10-30 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ #head-area .breadcrumbs { } #head-area .breadcrumbs > ol { list-style-type: none; } #head-area .breadcrumbs > ol > li { display: inline; } #head-area .breadcrumbs > ol > li:not(:last-child)::after { margin-left: 0.3em; margin-right: 0.2em; content: '>'; } /** * app-skeleton-webpack:/css/app/pager.php * * @creation 2018-06-04 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .OP.pager { _border: 1px solid black; text-align: center; } body.body .OP.pager span.page { padding: 0.1em; } body.body .OP.pager span.page a, body.body .OP.pager span.page span.current { _margin: 0; _padding: 0.1em 0.2em; } /** Forward button. * */ body.body .OP.pager span.forward:before { content:"<"; } /** Backward button. * */ body.body .OP.pager span.backward:after { content:">"; } /** Omit mark. * */ body.body .OP.pager span.omit:after { content:"…"; } /** Clickable page number block. * */ body.body .OP.pager span.page span.number { border: 1px solid #d0d0d0; padding: 0.25em 0; width: 2em; display: inline-block; } /** A tag * */ body.body .OP.pager a { text-decoration: none; } /** Current page. * */ body.body .OP.pager span.page span.current { border: 1px solid #c0c0c0; background-color: #f0f0f0; } /** * app-skeleton-webpack:/css/app/tips.css * * @creation 2018-10-30 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ span[data-tips] { position: relative; text-decoration: underline; color: #00F; cursor: help; } span[data-tips]:hover::after { content: attr(data-tips); position: absolute; left: 0; top: 24px; min-width: 200px; border: 1px #aaaaaa solid; border-radius: 10px; background-color: #ffffcc; padding: 12px; color: #000000; font-size: 14px; z-index: 1; } /** * app-skeleton-webpack:/css/app/markdown.css * * @creation 2018-10-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .markdown table, body.body .markdown th, body.body .markdown td { border-width: 1px; border-style: solid; border-color: hsl( var(--root-hue), 80%, 40%) !important; } body.body .markdown table { width: 100%; border-collapse: collapse; } body.body .markdown th, body.body .markdown td { padding: 0.2em 0.5em; } /* body.body .markdown { counter-reset: chapter; } body.body .markdown h1{ counter-reset: sub-chapter; } body.body .markdown h2{ counter-reset: section; } body.body .markdown h3{ counter-reset: sub-section; } body.body .markdown h4{ counter-reset: sub-sub-section; } .markdown-preview.markdown-preview { h1::before{ counter-increment: chapter; content: counter(chapter) ". "; } h2::before{ counter-increment: sub-chapter; content: counter(chapter) "." counter(sub-chapter) ". "; } h3::before{ counter-increment: section; content: counter(chapter) "." counter(sub-chapter) "." counter(section) ". "; } h4::before{ counter-increment: sub-section; content: counter(chapter) "." counter(sub-chapter) "." counter(section) "." counter(sub-section) "."; } h5::before{ counter-increment: sub-sub-section; content: counter(chapter) "." counter(sub-chapter) "." counter(section) "." counter(sub-section) "." counter(sub-sub-section) "."; } } */ /** * app-skeleton-webpack:/css/app/debug.css * * @creation 2018-05-01 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * layout-onepiece:/css/reset.css * * @creation 2017-01-12 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * box-sizing is including padding and border-width. * That is, the width remains the same. */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /** * layout-onepiece:/css/color.css * * @creation 2019-03-13 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .OP_NOTICE { background-color: black; color: white; } body.body .OP_NOTICE .args .arg.boolean.true { color: aqua; } body.body .OP_NOTICE .args .arg.object { color: lime; } /** * layout-onepiece:/css/body.css * * @creation 2017-09-07 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * Font family */ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic); body.body { font-family: Avenir, "Open Sans", sans-serif; background-color: black; color: white; margin: 0; padding: 0; font-size: 9.0pt; font-weight: normal; line-height: 1.1; letter-spacing: 0; } body.body div.content-area { margin: 1em; } #head-area { border: 1px solid black; } #body-area { border: 1px solid white; margin: 0; padding: 0; min-height: calc(100vh - 30px - 30px); } #foot-area { border: 1px solid black; margin: 0; padding: 0; width: 100vw; height: 30px; vertical-align: middle; display: table-cell; } .body-area { color: black; background-color: white; } /** * layout-onepiece:/css/header.css * * @creation 2017-09-08 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body header { } body.body header > a { float:left; } body.body header > a > img { margin-top: 0.25em; margin-left: 0.25em; margin-right: 0.50em; width: 2.6em; } body.body header > div { padding: 0.65em; } body.body header > div > a { color: white; text-decoration: none; } /** * layout-onepiece:/css/footer.css * * @creation 2017-02-21 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body footer { padding-right: 0.5em; text-align: right; color: white; background-color: black; } /** * app-skeleton-webpack:/css/op/args.css * * @creation 2017-07-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ span.args > span.arg:not(:last-child):after { margin-right: 0.25em; content: ','; } span.args > span.arg > span.quote:before, span.args > span.arg > span.quote:after { content: '"'; } span.args > span.arg > span.boolean.true { color: blue; } span.args > span.arg > span.null, span.args > span.arg > span.boolean.false { color: red; } span.args > span.arg > span.number { _font-weight: bold; font-style: italic; } span.args > span.arg > span.integer { } span.args > span.arg > span.double { } span.args > span.arg > span.array { color: purple; } span.args > span.arg > span.object { color: green; } span.args > span.arg > span.string > span.meta { color: #c0c0c0; } span.args > span.arg > span.string > span.meta.space { text-decoration: underline; } /** * app-skeleton-webpack:/css/op/notice.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * app-skeleton-webpack:/css/app/reset.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body, body.body * { _margin: 0; _padding: 0; _background-color: inherit; } /** * app-skeleton-webpack:/css/app/root.css * * @creation 2018-10-26 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ :root { --root-color-font: #555; --root-color-background: #fff; --root-color-border: #333; } /** * app-skeleton-webpack:/css/app/body.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * Font family */ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic); body.body { margin: 0; padding: 1em; color: var(--root-color-font); background-color: var(--root-color-background); font-size: 9pt; font-family: Avenir, "Open Sans", sans-serif; } /** * app-skeleton-webpack:/css/app/font.css * * @creation 2018-05-11 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .bold { font-weight: bold; } /** * app-skeleton-webpack:/css/app/font-size.css * * @creation 2018-11-15 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** For smartphone and tablet settings. * * @creation 2018-11-15 */ @media screen and (max-device-width: 800px) { /** Auto calculate font size. * * Font-size range is 16px to 24px. * View-port range is 400px to 800px. * * @see https://coliss.com/articles/build-websites/operation/css/use-calc-to-change-the-height-of-a-hero-component.html * @creation 2018-11-15 */ body.body * { --font-size-min: 16; --font-size-max: 24; --font-size-base: 16px; font-size: calc(var(--font-size-base) + (var(--font-size-max) - var(--font-size-min))*(100vw - 400px)/(800 - 400)); } } /** * app-skeleton-webpack:/css/app/font-style.css * * @creation 2018-11-19 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .bold { font-weight: bold; } body.body .italic { font-style: italic; } body.body .underline { text-decoration: underline; } /** * app-skeleton-webpack:/css/app/font-color.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .blue, body.body .success { color: blue; } body.body .red, body.body .fail, body.body .failed, body.body .failure, body.body .error { color: red; } /** * app-skeleton-webpack:/css/app/a.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body a { color: #3170C3; } body.body a:hover { text-decoration: underline; } /** * app-skeleton-webpack:/css/app/h.css * * @creation 2018-04-17 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body h1 { font-size: 150%; } body.body h2 { font-size: 150%; } body.body h3 { font-size: 110%; } body.body h4 { font-size: 110%; } body.body h5 { font-size: 100%; } body.body h6 { font-size: 100%; } /** * app-skeleton-webpack:/css/app/p.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body p { text-indent: 1em; } /** * @see http://phiary.me/css-tips-certainly-line-break/ */ body.body p { word-wrap: break-word; white-space: normal; display: block; } /** * @see https://lab.syncer.jp/Web/CSS/Snippet/4/ */ body.body p.br::after { content: "\A" ; white-space: pre; } /** * app-skeleton-webpack:/css/app/list.css * * @creation 2018-04-17 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body ul, body.body ol { padding-left: 1.5em; } /** * app-skeleton-webpack:/css/app/code.css * * @creation 2018-04-12 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body code { font-family: "Courier New", Consolas, monospace; margin: 1em 0; padding: 0.5em 1em; border-radius: 0.2em; border: 1px solid #F0F0F0; background-color: #F6F6F6; white-space: pre; } /* Separate to inline code */ body.body pre > code { display: block; } /** * app-skeleton-webpack:/css/app/pre.css * * @creation 2018-10-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body pre { margin: 0; padding: 0; border-width: 0; } /** * app-skeleton-webpack:/css/app/form.css * * @creation 2018-05-16 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body form.OP input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), body.body form.OP textarea, body.body form.OP button, body.body form.OP submit, body.body form.OP .button { border: 1px solid #ccc; margin: 0.1em 0; padding: 0.2em 0.4em; } body.body form.OP input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), body.body form.OP textarea { width: 16em; font-size: inherit; /** Anti iPhone auto zoom in. * But, margin of input becomes abnormal. * * @see http://shiru-web.com/2017/05/03/01-36/ * font-size: 16px; transform: scale(0.8); */ } body.body form.OP input[type="date"] { width: 10em; } body.body form.OP select, body.body form.OP option { font-size: inherit; } body.body form.OP textarea { height: 4.6em; } body.body form.OP select[multiple] option { padding: 0.1em 0.2em; } body.body form.OP input[type="radio"], body.body form.OP input[type="checkbox"] { margin-right: 0.25em; } body.body form.OP [readonly="readonly"] { color: #888; cursor: not-allowed; } body.body form.OP label { margin-right: 0.5em; } body.body form.OP label.read-only, body.body form.OP input:read-only, body.body form.OP textarea:read-only { color: #999; } body.body form.OP label.cursor.wait, body.body form.OP input.cursor.wait, body.body form.OP select.cursor.wait, body.body form.OP textarea.cursor.wait { color: #999; cursor: wait; } /** * app-skeleton-webpack:/css/app/form-button.css * * @creation 2018-10-26 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body form.OP .button, body.body form.OP button, body.body form.OP input[type="submit"] { width: 17em; border-radius: 0.2em; background-color: #e9e9e9; font-size: 9pt; user-select: none; } body.body form.OP .button:hover:not([disabled]), body.body form.OP button:hover:not(:disabled), body.body form.OP input[type="submit"]:hover:not(:disabled) { border-color: #909090; background-color: #f0f0f0; color: #000; } body.body form.OP .button:active:not([disabled]), body.body form.OP button:active, body.body form.OP input[type="submit"]:active { color:red; border-color: #606060 !important; background-color: #e0e0e0 !important; outline: none !important; } body.body form.OP .button:focus, body.body form.OP button:focus, body.body form.OP input[type="submit"]:focus { border-color: #606060 !important; outline: none !important; } body.body form.OP .button::-moz-focus-inner, body.body form.OP button::-moz-focus-inner, body.body form.OP input[type="submit"]::-moz-focus-inner { border :0px; } /** Disabled * * * * Button * */ body.body form.OP .button[disabled], body.body form.OP button:disabled, body.body form.OP input[type="submit"]:disabled { color: #999; cursor: not-allowed; } /** * app-skeleton-webpack:/css/app/table.css * * @creation 2017-01-11 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body table, body.body tr, body.body th, body.body td { _border: 1px solid black; } body.body th.left, body.body td.left { text-align: left; } body.body th.right, body.body td.right { text-align: right; } body.body th.center, body.body td.center { text-align: center; } body.body th.top, body.body td.top { vertical-align: top; } body.body th.bottom, body.body td.bottom { vertical-align: bottom; } /** * app-skeleton-webpack:/css/app/cursor.css * * @creation 2018-11-19 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .pointer { cursor: pointer; } /** * app-skeleton-webpack:/css/app/wai-aria.css * * @creation 2017-01-11 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** Table * * @see https://www.w3.org/TR/wai-aria-practices/examples/table/table.html * @see https://www.w3.org/TR/wai-aria-practices/examples/table/css/table.css */ body.body div[role="table"] { display: table; } body.body div[role="table"] div[role="tr"], body.body div[role="table"] div[role="row"], body.body div[role="table"] > div:not([role]) { display: table-row; } body.body div[role="table"] div[role="th"], body.body div[role="table"] div[role="td"], body.body div[role="table"] > div:not([role]) > div:not([role]) { vertical-align: middle; display: table-cell; } body.body div[role="table"] div[role="th"], body.body div[role="table"] span[role="columnheader"] { text-align: center; font-weight: bold; } body.body div[role="table"] div[role="td"], body.body div[role="table"] span[role="cell"] { padding-left: 0.5em; } /** Clickable * */ body.body [role="link"], body.body [role="button"] { cursor: pointer; } /** * app-skeleton-webpack:/css/app/other.css * * @creation 2018-04-17 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .m0 { margin: 0; } body.body .p0 { padding: 0; } body.body .i0 { text-indent: 0; } body.body .indent { padding-left: 2em; } body.body hr { margin: 0.5em 0; } /* Where is this use? */ body.body section.important { padding: 0.5em 1em; border: 1px solid #F0F0E0; border-left: 0.5em solid #F9E46A; border-radius: 0.25em; background-color: #FAF8EA; } body.body .text.left { border: 1px solid black; text-align: left; } body.body .text.center { text-align: center; } body.body .text.right { text-align: right; } body.body .float.left { float: left; } body.body .float.center { float: center; } body.body .float.right { float: right; } body.body [onclick] { cursor: pointer; } /** * app-skeleton-webpack:/css/border.css * * @creation 2018-10-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .border { border-width: 1px; border-style: solid; borde-color: var(--root-color-border); } /** * app-skeleton-webpack:/css/app/breadcrumbs.css * * @creation 2018-10-30 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ #head-area .breadcrumbs { } #head-area .breadcrumbs > ol { list-style-type: none; } #head-area .breadcrumbs > ol > li { display: inline; } #head-area .breadcrumbs > ol > li:not(:last-child)::after { margin-left: 0.3em; margin-right: 0.2em; content: '>'; } /** * app-skeleton-webpack:/css/app/pager.php * * @creation 2018-06-04 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .OP.pager { _border: 1px solid black; text-align: center; } body.body .OP.pager span.page { padding: 0.1em; } body.body .OP.pager span.page a, body.body .OP.pager span.page span.current { _margin: 0; _padding: 0.1em 0.2em; } /** Forward button. * */ body.body .OP.pager span.forward:before { content:"<"; } /** Backward button. * */ body.body .OP.pager span.backward:after { content:">"; } /** Omit mark. * */ body.body .OP.pager span.omit:after { content:"…"; } /** Clickable page number block. * */ body.body .OP.pager span.page span.number { border: 1px solid #d0d0d0; padding: 0.25em 0; width: 2em; display: inline-block; } /** A tag * */ body.body .OP.pager a { text-decoration: none; } /** Current page. * */ body.body .OP.pager span.page span.current { border: 1px solid #c0c0c0; background-color: #f0f0f0; } /** * app-skeleton-webpack:/css/app/tips.css * * @creation 2018-10-30 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ span[data-tips] { position: relative; text-decoration: underline; color: #00F; cursor: help; } span[data-tips]:hover::after { content: attr(data-tips); position: absolute; left: 0; top: 24px; min-width: 200px; border: 1px #aaaaaa solid; border-radius: 10px; background-color: #ffffcc; padding: 12px; color: #000000; font-size: 14px; z-index: 1; } /** * app-skeleton-webpack:/css/app/markdown.css * * @creation 2018-10-31 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .markdown table, body.body .markdown th, body.body .markdown td { border-width: 1px; border-style: solid; border-color: hsl( var(--root-hue), 80%, 40%) !important; } body.body .markdown table { width: 100%; border-collapse: collapse; } body.body .markdown th, body.body .markdown td { padding: 0.2em 0.5em; } /* body.body .markdown { counter-reset: chapter; } body.body .markdown h1{ counter-reset: sub-chapter; } body.body .markdown h2{ counter-reset: section; } body.body .markdown h3{ counter-reset: sub-section; } body.body .markdown h4{ counter-reset: sub-sub-section; } .markdown-preview.markdown-preview { h1::before{ counter-increment: chapter; content: counter(chapter) ". "; } h2::before{ counter-increment: sub-chapter; content: counter(chapter) "." counter(sub-chapter) ". "; } h3::before{ counter-increment: section; content: counter(chapter) "." counter(sub-chapter) "." counter(section) ". "; } h4::before{ counter-increment: sub-section; content: counter(chapter) "." counter(sub-chapter) "." counter(section) "." counter(sub-section) "."; } h5::before{ counter-increment: sub-sub-section; content: counter(chapter) "." counter(sub-chapter) "." counter(section) "." counter(sub-section) "." counter(sub-sub-section) "."; } } */ /** * app-skeleton-webpack:/css/app/debug.css * * @creation 2018-05-01 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * layout-onepiece:/css/reset.css * * @creation 2017-01-12 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * box-sizing is including padding and border-width. * That is, the width remains the same. */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /** * layout-onepiece:/css/color.css * * @creation 2019-03-13 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .OP_NOTICE { background-color: black; color: white; } body.body .OP_NOTICE .args .arg.boolean.true { color: aqua; } body.body .OP_NOTICE .args .arg.object { color: lime; } /** * layout-onepiece:/css/body.css * * @creation 2017-09-07 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ /** * Font family */ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic); body.body { font-family: Avenir, "Open Sans", sans-serif; background-color: black; color: white; margin: 0; padding: 0; font-size: 9.0pt; font-weight: normal; line-height: 1.1; letter-spacing: 0; } body.body div.content-area { margin: 1em; } #head-area { border: 1px solid black; } #body-area { border: 1px solid white; margin: 0; padding: 0; min-height: calc(100vh - 30px - 30px); } #foot-area { border: 1px solid black; margin: 0; padding: 0; width: 100vw; height: 30px; vertical-align: middle; display: table-cell; } .body-area { color: black; background-color: white; } /** * layout-onepiece:/css/header.css * * @creation 2017-09-08 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body header { } body.body header > a { float:left; } body.body header > a > img { margin-top: 0.25em; margin-left: 0.25em; margin-right: 0.50em; width: 2.6em; } body.body header > div { padding: 0.65em; } body.body header > div > a { color: white; text-decoration: none; } /** * layout-onepiece:/css/footer.css * * @creation 2017-02-21 * @version 1.0 * @package layout-onepiece * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body footer { padding-right: 0.5em; text-align: right; color: white; background-color: black; } /** * app-skeleton-webpack:/css/app/404.css * * @creation 2019-03-27 * @version 1.0 * @package app-skeleton-webpack * @author Tomoaki Nagahara * @copyright Tomoaki Nagahara All right reserved. */ body.body .page404 p { margin: 1em 0; font-size: 110%; } /* Layout is onepiece */