Mercurial > hgrepos > hgweb.cgi > s4
diff examples/common/default/default.css @ 898:411ce55c0dae
AJAX posting and PJAX file-viewer initially introduced.
author | HIROSE Yuuji <yuuji@gentei.org> |
---|---|
date | Sat, 02 Jan 2021 15:15:03 +0900 |
parents | c1a5d137740d |
children | 1fa8b4440f8f |
line wrap: on
line diff
--- a/examples/common/default/default.css Thu Dec 31 10:31:13 2020 +0900 +++ b/examples/common/default/default.css Sat Jan 02 15:15:03 2021 +0900 @@ -4,6 +4,9 @@ body {background: #eff; margin: 2px; padding: 6px;} h2, h3, hr {clear: both;} *.warn {color: red;} +*.warnbg {background: red;} +*.hidden {visibility: hidden;} +*.border {border: 1px solid #113;} div.topmenu { margin: 0; padding: 0; width: 100%; height: 2em; } @@ -35,7 +38,9 @@ table.td2r td:nth-child(2) {text-align: right;} table.td3r td:nth-child(3) {text-align: right;} table.td3rr td:nth-child(n+3) {text-align: right;} -table.td3evw th:nth-child(2n+4) {background: white;} +table.td3evw th:nth-child(2n+4), span.textdigest { + background: white; +} table.thl th {text-align: left;} span#reverse {background: white; padding: 0 0 0 0.4ex; border: outset;} @@ -165,6 +170,24 @@ table.mini th, table.mini td {text-align: justify;} table.mini td, table.mini th {padding: 1px 0.5ex; min-width: 1em;} table.mini {margin-left: 1em; border-left: 2px solid #686;} +div.pjaxview, div.pjaxview2 { + position: fixed; top: 1ex; left: 0; width: 9vw; height: 9vh; + background: #ffffee; border: 1px double navy; border-radius: 2em; + z-index: 7; +} +div.pjaxview2 { + width: 100vw; height: 95vw; transition: 0.5s; +} +div.pjaxview iframe { + width: 98%; height: 90%; object-fit: scale-down; +} +div.pjaxview p { + padding: 0.5ex; text-align: left; margin: 0 2em; + white-space: nowrap; overflow: hidden; +} +div.pjaxview p button { font-size: large; padding: 0 1em;} +div.pjaxview p button { background: #eeeee0; } +div.pjaxview p button:focus { background: #fffff8; } /* "visibility: collapse" not working on chromium browser */ div.noprofimg tr.profimg {visibility: collapse; display: none;} @@ -393,9 +416,13 @@ border-radius: 1em; border: double 5px blue; min-width: 10em; right: 0; bottom: 0; } -.dissolving { - opacity: 0; transition: 3.0s; +.dissolving {opacity: 0; transition: 3.0s;} +.emerging {opacity: 1; transition: 3s;} +span.loading, input#c:disabled { + visibility: visible; transform: rotateX(3600deg); transition: 30s; + display: inline-block; } +span.loading {padding: 0 1em;} /* * PR Web