Mercurial > hgrepos > hgweb.cgi > s4
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... */