--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templ/default/default.css	Sun Jul 19 14:53:28 2015 +0900
@@ -0,0 +1,96 @@
+/*
+ * Default CSS definitions
+ */
+body {background: #eff;}
+hr {clear: both;}
+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 {
+    display: none; max-height: 80%; overflow: auto;
+}
+div.fold input[type="checkbox"]:checked ~ div {display: block;}
+
+/********************* 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.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;}