Mercurial > hgrepos > hgweb.cgi > s4
view examples/common/default/default.css @ 145:3b34c52fa4f0
resolved
author | HIROSE Yuuji <yuuji@gentei.org> |
---|---|
date | Thu, 05 Nov 2015 21:59:46 +0859 |
parents | 9830fe98edb5 a254b496c850 |
children | 3d0de7bdbf40 |
line wrap: on
line source
/* * Default CSS definitions */ body {background: #eff;} hr {clear: both;} *.warn {color: red;} div.topmenu { margin: 0; padding: 0; width: 100%; height: 2em; } div.topmenu ul {width: 100%; position: fixed; margin: 0; margin: 0 auto;} div.topmenu ul li { float: left; width: 18%; background: rgba(68,255,102,0.8); border: #3e5 2px groove; margin: 0; text-align: center; font-size: 80%; list-style: none; box-shadow: #242 2px 3px 5px; text-shadow: #fff 0px 0px 10px; } div.topmenu ul li:hover {background: #8fa;} div.topmenu ul a {text-decoration: none;} ldiv.topmenu + h1 {clear: both; margin-top: 3em;} div.dumptable {max-height: 15em; overflow: auto;} td {padding-left: 0.5ex; padding-right: 0.5ex;} table.td2r td:nth-child(2) {text-align: right;} table.td3r td:nth-child(3) {text-align: right;} table.form, table.b, table.b tr, table.b td, table.b th { border: 1px solid black; border-collapse: collapse; } td.warn {background: #fcc;} input[type="checkbox"][name="rm"]:checked ~ table {background: red;} input[type="checkbox"][name="rm"] ~ span {display: none;} input[type="checkbox"][name="rm"]:checked ~ span {display: inline;} input[type="radio"][value="replace"] + input.replace[type="file"] { visibility: hidden;} input[type="radio"][value="replace"]:checked + input.replace[type="file"] { visibility: visible; } /* keep/edit/rm action selector */ input.action ~ input:not(.action), input.action ~ textarea { display: none; } input.action[value="edit"]:checked ~ input {display: inline;} input.action[value="edit"]:checked ~ textarea {display: block;} input.action[value="edit"]:checked ~ span {display: none;} input.action[value="rm"]:checked ~ span {background: red;} label.confirm {display: none;} input.action[value="rm"]:checked ~ label.confirm { display: inline; } form.replyblog {margin-bottom: 40%;} div.blogcomment { position: fixed; bottom: 0; left: 0; z-index: 2; background-color: rgba(250,222,222,0.8); } div.blogcomment * {opacity: 1.0;} table.bloghead, .bloghead tr, .bloghead td { border: 1px solid black; border-collapse: collapse; min-width: 30em; } table.bloghead tr:nth-child(2) { font-size: 150%; background: yellow; text-align: center; } table.bloghead {margin-bottom: 1em;} table.blog_replies, .blog_replies tr, .blog_replies td { border: 1px solid black; border-collapse: collapse; white-space: pre; } .blog_replies td:nth-child(2) { vertical-align: top; min-width: 30em; height: 3em; } div.fold {margin-top: 1em; border-top: 1px solid black; padding-top: 1em;} div.fold > div { xxdisplay: none; max-height: 80%; overflow: auto; height: 0px; opacity: 0; padding: 0 1ex; } div.fold input[type="checkbox"]:checked ~ div, div.fold input[type="radio"]:checked ~ div { display: block; background: #eef; height: auto; opacity: 1.0; transition: 1s; } /********************* icon list *********************/ div.iconlist { text-align: center; float: left; margin: 1ex 1em; border: dotted #dfd 2px; padding: 1ex; } div.iconlist p {margin: 0; padding: 0;} div.iconlist p.tag {background: #ffa; border-radius: 4em;} div.iconlist p._temp {background: cyan;} div.iconlist p._lecture {background: pink;} div.iconlist p._admin {background: yellow;} div.iconlist p._friend {background: fuchsia;} div.iconlist p._fellows {background: #9f9;} /* light green */ div.iconlist p._club {background: #4bb;} /* light teal */ div.iconlist p._event {background: maroon; color: white;} div.iconlist p._misc {background: purple; color: white;} div.iconlist p._record {background: red; color: white;} div.xy120x120 {min-width: 120px; min-height: 140px;} div.xy96x96 {min-width: 96px; min-height: 116px;} div.xy50x50 {min-width: 50px; min-height: 70px;} div.right {clear: both; float: right;} *.clear {cloear: both;} /* * PR Web */ body.pr {font-size: 200%;} body.pr h1 { text-align: center; width: 80%; padding: 3ex 0; margin: 0 auto; background: #ffefef; border: double 5px navy; }