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

yatex.org