diff examples/common/default/default.css @ 260:1b9d45b823b8

UI changed to tab selection
author HIROSE Yuuji <yuuji@gentei.org>
date Wed, 20 Jul 2016 13:19:15 +0859
parents 85a001a9c7c5
children 1c4f13f0813e
line wrap: on
line diff
--- a/examples/common/default/default.css	Tue Jul 19 13:55:49 2016 +0859
+++ b/examples/common/default/default.css	Wed Jul 20 13:19:15 2016 +0859
@@ -105,6 +105,36 @@
     display: block; background: #fadede;
     height: auto; opacity: 1.0; transition: 1s;
 }
+
+/* fold2!! */
+div.foldtabs {
+    position: relative; max-height: 5em; margin-top: 1em;
+    border-top: 1px solid black; padding-top: 1em;
+}
+div.foldtabs > div {
+    position: absolute; top: 2.5em; opacity: 0.0; background: pink;
+    margin: 2px;
+}
+div.foldtabs input[type="radio"] {display: none;}
+div.foldtabs input[type="radio"]:checked + label + div {
+    display: block; opacity: 1.0; transition: 0.2s; width: 100%;
+    margin: 0; z-index: 2;
+}
+div.foldtabs > label {
+    border: 1px outset #ddd; background: #ddd; xbackground: pink;
+    border-top-left-radius: 0.8em; border-top-right-radius: 0.8em;
+    margin: 0;
+    padding: 0.2ex 0.5em; height: 3em;
+}
+div.foldtabs > input:active + label {background: white;}
+div.foldtabs input:checked + label {
+    background: pink; border: pink 1px solid; border-bottom-width: 6px;
+}
+div.foldtabs input:checked + label:last-of-type {border-width: 1px;}
+input[type="checkbox"] + label + input[type="submit"] {display: none;}
+input[type="checkbox"]:checked + label + input[type="submit"] {
+    display: inline;}
+
 div.dumptable {max-height: 15em; overflow: auto;}
 table.dumpblogs td,
 div.lcto td {	/* LINK + CTIME + TITLE + OWNER + something... */

yatex.org