Mercurial > hgrepos > hgweb.cgi > s4
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 897:3d437261edca | 898:411ce55c0dae |
|---|---|
| 2 * Default CSS definitions | 2 * Default CSS definitions |
| 3 */ | 3 */ |
| 4 body {background: #eff; margin: 2px; padding: 6px;} | 4 body {background: #eff; margin: 2px; padding: 6px;} |
| 5 h2, h3, hr {clear: both;} | 5 h2, h3, hr {clear: both;} |
| 6 *.warn {color: red;} | 6 *.warn {color: red;} |
| 7 *.warnbg {background: red;} | |
| 8 *.hidden {visibility: hidden;} | |
| 9 *.border {border: 1px solid #113;} | |
| 7 div.topmenu { | 10 div.topmenu { |
| 8 margin: 0; padding: 0; width: 100%; height: 2em; | 11 margin: 0; padding: 0; width: 100%; height: 2em; |
| 9 } | 12 } |
| 10 div.topmenu ul {width: 100%; position: fixed; z-index: 5; margin: 0; | 13 div.topmenu ul {width: 100%; position: fixed; z-index: 5; margin: 0; |
| 11 margin: 0 auto;} | 14 margin: 0 auto;} |
| 33 | 36 |
| 34 td {padding-left: 0.5ex; padding-right: 0.5ex;} | 37 td {padding-left: 0.5ex; padding-right: 0.5ex;} |
| 35 table.td2r td:nth-child(2) {text-align: right;} | 38 table.td2r td:nth-child(2) {text-align: right;} |
| 36 table.td3r td:nth-child(3) {text-align: right;} | 39 table.td3r td:nth-child(3) {text-align: right;} |
| 37 table.td3rr td:nth-child(n+3) {text-align: right;} | 40 table.td3rr td:nth-child(n+3) {text-align: right;} |
| 38 table.td3evw th:nth-child(2n+4) {background: white;} | 41 table.td3evw th:nth-child(2n+4), span.textdigest { |
| 42 background: white; | |
| 43 } | |
| 39 table.thl th {text-align: left;} | 44 table.thl th {text-align: left;} |
| 40 span#reverse {background: white; padding: 0 0 0 0.4ex; border: outset;} | 45 span#reverse {background: white; padding: 0 0 0 0.4ex; border: outset;} |
| 41 | 46 |
| 42 table.form, table.b, table.b tr, table.b td, table.b th { | 47 table.form, table.b, table.b tr, table.b td, table.b th { |
| 43 border: 1px solid black; border-collapse: collapse; | 48 border: 1px solid black; border-collapse: collapse; |
| 163 table.mini th {background: #cee;} | 168 table.mini th {background: #cee;} |
| 164 table.mini tr {border-bottom: solid 1px #bcc;} | 169 table.mini tr {border-bottom: solid 1px #bcc;} |
| 165 table.mini th, table.mini td {text-align: justify;} | 170 table.mini th, table.mini td {text-align: justify;} |
| 166 table.mini td, table.mini th {padding: 1px 0.5ex; min-width: 1em;} | 171 table.mini td, table.mini th {padding: 1px 0.5ex; min-width: 1em;} |
| 167 table.mini {margin-left: 1em; border-left: 2px solid #686;} | 172 table.mini {margin-left: 1em; border-left: 2px solid #686;} |
| 173 div.pjaxview, div.pjaxview2 { | |
| 174 position: fixed; top: 1ex; left: 0; width: 9vw; height: 9vh; | |
| 175 background: #ffffee; border: 1px double navy; border-radius: 2em; | |
| 176 z-index: 7; | |
| 177 } | |
| 178 div.pjaxview2 { | |
| 179 width: 100vw; height: 95vw; transition: 0.5s; | |
| 180 } | |
| 181 div.pjaxview iframe { | |
| 182 width: 98%; height: 90%; object-fit: scale-down; | |
| 183 } | |
| 184 div.pjaxview p { | |
| 185 padding: 0.5ex; text-align: left; margin: 0 2em; | |
| 186 white-space: nowrap; overflow: hidden; | |
| 187 } | |
| 188 div.pjaxview p button { font-size: large; padding: 0 1em;} | |
| 189 div.pjaxview p button { background: #eeeee0; } | |
| 190 div.pjaxview p button:focus { background: #fffff8; } | |
| 168 | 191 |
| 169 /* "visibility: collapse" not working on chromium browser */ | 192 /* "visibility: collapse" not working on chromium browser */ |
| 170 div.noprofimg tr.profimg {visibility: collapse; display: none;} | 193 div.noprofimg tr.profimg {visibility: collapse; display: none;} |
| 171 div.noprofimg tr:hover + tr.profimg, div.noprofimg tr:active + tr.profimg, | 194 div.noprofimg tr:hover + tr.profimg, div.noprofimg tr:active + tr.profimg, |
| 172 div.noprofimg tr.profimg:hover, div.noprofimg tr.profimg:active { | 195 div.noprofimg tr.profimg:hover, div.noprofimg tr.profimg:active { |
| 391 position: absolute; padding: 1ex; | 414 position: absolute; padding: 1ex; |
| 392 background: ivory; | 415 background: ivory; |
| 393 border-radius: 1em; border: double 5px blue; | 416 border-radius: 1em; border: double 5px blue; |
| 394 min-width: 10em; right: 0; bottom: 0; | 417 min-width: 10em; right: 0; bottom: 0; |
| 395 } | 418 } |
| 396 .dissolving { | 419 .dissolving {opacity: 0; transition: 3.0s;} |
| 397 opacity: 0; transition: 3.0s; | 420 .emerging {opacity: 1; transition: 3s;} |
| 398 } | 421 span.loading, input#c:disabled { |
| 422 visibility: visible; transform: rotateX(3600deg); transition: 30s; | |
| 423 display: inline-block; | |
| 424 } | |
| 425 span.loading {padding: 0 1em;} | |
| 399 | 426 |
| 400 /* | 427 /* |
| 401 * PR Web | 428 * PR Web |
| 402 */ | 429 */ |
| 403 body.pr {font-size: 200%;} | 430 body.pr {font-size: 200%;} |
