/*!
* PukiWiki - Yet another WikiWikiWeb clone.
* Copyright
- * 2002-2017 PukiWiki Development Team
+ * 2002-2020 PukiWiki Development Team
* 2001-2002 Originally written by yu-ji
* License: GPL v2 or (at your option) any later version
*
* Default CSS
*/
-pre, dl, ol, p, blockquote { line-height:130%; }
-
-blockquote { margin-left:32px; }
-
+pre, dl, ol, p, blockquote {
+ line-height:130%;
+}
+blockquote {
+ margin-left:32px;
+}
body,td {
- color:black;
- background-color:white;
- margin-left:2%;
- margin-right:2%;
- font-size:90%;
- font-family:verdana, arial, helvetica, Sans-Serif;
+ color:black;
+ background-color:white;
+ margin-left:2%;
+ margin-right:2%;
+ font-size:90%;
+ font-family:verdana, arial, helvetica, Sans-Serif;
}
a:link {
- color:#215dc6;
- background-color:inherit;
- text-decoration:none;
+ color:#215dc6;
+ background-color:inherit;
+ text-decoration:none;
}
-
a:active {
- color:#215dc6;
- background-color:#CCDDEE;
- text-decoration:none;
+ color:#215dc6;
+ background-color:#CCDDEE;
+ text-decoration:none;
}
-
a:visited {
- color:#a63d21;
- background-color:inherit;
- text-decoration:none;
+ color:#a63d21;
+ background-color:inherit;
+ text-decoration:none;
}
-
a:hover {
- color:#215dc6;
- background-color:#CCDDEE;
- text-decoration:underline;
+ color:#215dc6;
+ background-color:#CCDDEE;
+ text-decoration:underline;
+}
+a.external-link:not(.external-link-silent)::after {
+ content:url(../image/external-link.png);
+ margin:3px;
}
h1, h2 {
- font-family:verdana, arial, helvetica, Sans-Serif;
- color:inherit;
- background-color:#DDEEFF;
- padding:.3em;
- border:0px;
- margin:0px 0px .5em 0px;
+ font-family:verdana, arial, helvetica, Sans-Serif;
+ color:inherit;
+ background-color:#DDEEFF;
+ padding:.3em;
+ border:0;
+ margin:0 0 .5em 0;
}
h3 {
- font-family:verdana, arial, helvetica, Sans-Serif;
- border-bottom: 3px solid #DDEEFF;
- border-top: 1px solid #DDEEFF;
- border-left: 10px solid #DDEEFF;
- border-right: 5px solid #DDEEFF;
+ font-family:verdana, arial, helvetica, Sans-Serif;
+ border-bottom:3px solid #DDEEFF;
+ border-top:1px solid #DDEEFF;
+ border-left:10px solid #DDEEFF;
+ border-right:5px solid #DDEEFF;
- color:inherit;
- background-color:#FFFFFF;
- padding:.3em;
- margin:0px 0px .5em 0px;
+ color:inherit;
+ background-color:#FFFFFF;
+ padding:.3em;
+ margin:0 0 .5em 0;
}
h4 {
- font-family:verdana, arial, helvetica, Sans-Serif;
- border-left: 18px solid #DDEEFF;
+ font-family:verdana, arial, helvetica, Sans-Serif;
+ border-left:18px solid #DDEEFF;
- color:inherit;
- background-color:#FFFFFF;
- padding:.3em;
- margin:0px 0px .5em 0px;
+ color:inherit;
+ background-color:#FFFFFF;
+ padding:.3em;
+ margin:0 0 .5em 0;
}
h5, h6 {
- font-family:verdana, arial, helvetica, Sans-Serif;
- color:inherit;
- background-color:#DDEEFF;
- padding:.3em;
- border:0px;
- margin:0px 0px .5em 0px;
+ font-family:verdana, arial, helvetica, Sans-Serif;
+ color:inherit;
+ background-color:#DDEEFF;
+ padding:.3em;
+ border:0;
+ margin:0 0 .5em 0;
}
-
h1.title {
- font-size: 30px;
- font-weight:bold;
- background-color:transparent;
- padding: 12px 0px 0px 0px;
- border: 0px;
- margin: 12px 0px 0px 0px;
+ font-size:30px;
+ font-weight:bold;
+ background-color:transparent;
+ padding:12px 0 0 0;
+ border:0;
+ margin:12px 0 0 0;
}
dt {
- font-weight:bold;
- margin-top:1em;
- margin-left:1em;
+ font-weight:bold;
+ margin-top:1em;
+ margin-left:1em;
}
pre {
- border-top:#DDDDEE 1px solid;
- border-bottom:#888899 1px solid;
- border-left:#DDDDEE 1px solid;
- border-right:#888899 1px solid;
- padding:.5em;
- margin-left:1em;
- margin-right:2em;
- white-space:pre-wrap;
- word-wrap:break-word;
- color:black;
- background-color:#F0F8FF;
+ border-top:#DDDDEE 1px solid;
+ border-bottom:#888899 1px solid;
+ border-left:#DDDDEE 1px solid;
+ border-right:#888899 1px solid;
+ padding:.5em;
+ margin-left:1em;
+ margin-right:2em;
+ white-space:pre-wrap;
+ word-wrap:break-word;
+ color:black;
+ background-color:#F0F8FF;
}
img {
- border:none;
- vertical-align:middle;
+ border:none;
+ vertical-align:middle;
}
ul {
- margin-top:.5em;
- margin-bottom:.5em;
- line-height:130%;
+ margin-top:.5em;
+ margin-bottom:.5em;
+ line-height:130%;
}
-em { font-style:italic; }
+em {
+ font-style:italic;
+}
-strong { font-weight:bold; }
+strong {
+ font-weight:bold;
+}
thead td.style_td,
tfoot td.style_td {
- color:inherit;
- background-color:#D0D8E0;
+ color:inherit;
+ background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
- color:inherit;
- background-color:#E0E8F0;
+ color:inherit;
+ background-color:#E0E8F0;
}
.style_table {
- padding:0px;
- border:0px;
- margin:auto;
- text-align:left;
- color:inherit;
- background-color:#ccd5dd;
+ padding:0;
+ border:0;
+ margin:auto;
+ text-align:left;
+ color:inherit;
+ background-color:#ccd5dd;
}
.style_th {
- padding:5px;
- margin:1px;
- text-align:center;
- color:inherit;
- background-color:#EEEEEE;
+ padding:5px;
+ margin:1px;
+ text-align:center;
+ color:inherit;
+ background-color:#EEEEEE;
}
.style_td {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#EEF5FF;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#EEF5FF;
}
-ul.list1 { list-style-type:disc; }
-ul.list2 { list-style-type:circle; }
-ul.list3 { list-style-type:square; }
-ol.list1 { list-style-type:decimal; }
-ol.list2 { list-style-type:lower-roman; }
-ol.list3 { list-style-type:lower-alpha; }
+ul.list1 {
+ list-style-type:disc;
+}
+ul.list2 {
+ list-style-type:circle;
+}
+ul.list3 {
+ list-style-type:square;
+}
+ol.list1 {
+ list-style-type:decimal;
+}
+ol.list2 {
+ list-style-type:lower-roman;
+}
+ol.list3 {
+ list-style-type:lower-alpha;
+}
.list-indent1 {
- padding-left: 16px;
- margin-left: 16px
+ padding-left:16px;
+ margin-left:16px;
}
/* list-indent2,3,4 are used for leaping list level indentation */
.list-indent2 {
- padding-left: 32px;
- margin-left: 32px
+ padding-left:32px;
+ margin-left:32px;
}
.list-indent3 {
- padding-left: 48px;
- margin-left: 48px
+ padding-left:48px;
+ margin-left:48px;
}
.list-indent4 {
- padding-left: 64px;
- margin-left: 64px
+ padding-left:64px;
+ margin-left:64px;
}
-div.ie5 { text-align:center; }
-
+div.ie5 {
+ text-align:center;
+}
span.noexists {
- color:inherit;
- background-color:#FFFACC;
+ color:inherit;
+ background-color:#FFFACC;
}
-.small { font-size:80%; }
+.small {
+ font-size:80%;
+}
.super_index {
- color:#DD3333;
- background-color:inherit;
- font-weight:bold;
- font-size:60%;
- vertical-align:super;
+ color:#DD3333;
+ background-color:inherit;
+ font-weight:bold;
+ font-size:60%;
+ vertical-align:super;
}
a.note_super {
- color:#DD3333;
- background-color:inherit;
- font-weight:bold;
- font-size:60%;
- vertical-align:super;
+ color:#DD3333;
+ background-color:inherit;
+ font-weight:bold;
+ font-size:60%;
+ vertical-align:super;
}
div.jumpmenu {
- font-size:60%;
- text-align:right;
+ font-size:60%;
+ text-align:right;
}
hr.full_hr {
- border-style:ridge;
- border-color:#333333;
- border-width:1px 0px;
+ border-style:ridge;
+ border-color:#333333;
+ border-width:1px 0;
}
hr.note_hr {
- width:90%;
- border-style:ridge;
- border-color:#333333;
- border-width:1px 0px;
- text-align:center;
- margin:1em auto 0em auto;
+ width:90%;
+ border-style:ridge;
+ border-color:#333333;
+ border-width:1px 0;
+ text-align:center;
+ margin:1em auto 0em auto;
}
span.size1 {
- font-size:xx-small;
- line-height:130%;
- text-indent:0px;
- display:inline;
+ font-size:xx-small;
+ line-height:130%;
+ text-indent:0;
+ display:inline;
}
span.size2 {
- font-size:x-small;
- line-height:130%;
- text-indent:0px;
- display:inline;
+ font-size:x-small;
+ line-height:130%;
+ text-indent:0;
+ display:inline;
}
span.size3 {
- font-size:small;
- line-height:130%;
- text-indent:0px;
- display:inline;
+ font-size:small;
+ line-height:130%;
+ text-indent:0;
+ display:inline;
}
span.size4 {
- font-size:medium;
- line-height:130%;
- text-indent:0px;
- display:inline;
+ font-size:medium;
+ line-height:130%;
+ text-indent:0;
+ display:inline;
}
span.size5 {
- font-size:large;
- line-height:130%;
- text-indent:0px;
- display:inline;
+ font-size:large;
+ line-height:130%;
+ text-indent:0;
+ display:inline;
}
span.size6 {
- font-size:x-large;
- line-height:130%;
- text-indent:0px;
- display:inline;
+ font-size:x-large;
+ line-height:130%;
+ text-indent:0;
+ display:inline;
}
span.size7 {
- font-size:xx-large;
- line-height:130%;
- text-indent:0px;
- display:inline;
+ font-size:xx-large;
+ line-height:130%;
+ text-indent:0;
+ display:inline;
}
/* html.php/catbody() */
strong.word0 {
- background-color:#FFFF66;
- color:black;
+ background-color:#FFFF66;
+ color:black;
}
strong.word1 {
- background-color:#A0FFFF;
- color:black;
+ background-color:#A0FFFF;
+ color:black;
}
strong.word2 {
- background-color:#99FF99;
- color:black;
+ background-color:#99FF99;
+ color:black;
}
strong.word3 {
- background-color:#FF9999;
- color:black;
+ background-color:#FF9999;
+ color:black;
}
strong.word4 {
- background-color:#FF66FF;
- color:black;
+ background-color:#FF66FF;
+ color:black;
}
strong.word5 {
- background-color:#880000;
- color:white;
+ background-color:#880000;
+ color:white;
}
strong.word6 {
- background-color:#00AA00;
- color:white;
+ background-color:#00AA00;
+ color:white;
}
strong.word7 {
- background-color:#886800;
- color:white;
+ background-color:#886800;
+ color:white;
}
strong.word8 {
- background-color:#004699;
- color:white;
+ background-color:#004699;
+ color:white;
}
strong.word9 {
- background-color:#990099;
- color:white;
+ background-color:#990099;
+ color:white;
}
/* html.php/edit_form() */
-.edit_form { clear:both; }
+.edit_form {
+ clear:both;
+}
/* pukiwiki.skin.php */
div#header {
- padding:0px;
- margin:0px;
+ padding:0;
+ margin:0;
}
div#navigator {
- clear:both;
- padding:4px 0px 0px 0px;
- margin:0px;
+ clear:both;
+ padding:4px 0 0 0;
+ margin:0;
}
-td.menubar {
- width:9em;
- vertical-align:top;
+div#contents {
+ display:flex;
+ flex-flow:row nowrap;
}
div#menubar {
- width:9em;
- padding:0px;
- margin:4px;
- word-break:break-all;
- font-size:90%;
- overflow:hidden;
+ width:9em;
+ padding:0;
+ margin:4px;
+ word-break:break-all;
+ font-size:90%;
+ overflow:hidden;
+ order:1;
+ flex-grow:0;
}
-
div#menubar ul {
- margin:0px 0px 0px .5em;
- padding:0px 0px 0px .5em;
+ margin:0 0 0 .5em;
+ padding:0 0 0 .5em;
+}
+div#menubar ul li {
+ line-height:110%;
+}
+div#menubar h4 {
+ font-size:110%;
}
-
-div#menubar ul li { line-height:110%; }
-
-div#menubar h4 { font-size:110%; }
div#body {
- padding:0px;
- margin:0px 0px 0px .5em;
+ padding:0;
+ margin:0 0 0 .5em;
+ order:2;
+ flex-grow:1;
}
-div#note {
- clear:both;
- padding:0px;
- margin:0px;
+@media (max-width:767px) {
+ div#contents {
+ flex-flow:column wrap;
+ }
+ div#menubar {
+ width:auto;
+ font-size:100%;
+ order:2;
+ }
+ div#body {
+ order:1;
+ }
}
+div#note {
+ clear:both;
+ padding:0;
+ margin:0;
+}
div#attach {
- clear:both;
- padding:0px;
- margin:0px;
+ clear:both;
+ padding:0;
+ margin:0;
}
-
div#toolbar {
- clear:both;
- padding:0px;
- margin:0px;
- text-align:right;
+ clear:both;
+ padding:0;
+ margin:0;
+ text-align:right;
}
-
div#lastmodified {
- font-size:80%;
- padding:0px;
- margin:0px;
+ font-size:80%;
+ padding:0;
+ margin:0;
}
-
div#related {
- font-size:80%;
- padding:0px;
- margin:16px 0px 0px 0px;
+ font-size:80%;
+ padding:0;
+ margin:16px 0 0 0;
+}
+div#related .page_passage {
+ font-size:60%;
}
-
div#footer {
- font-size:70%;
- padding:0px;
- margin:16px 0px 0px 0px;
+ font-size:70%;
+ padding:0;
+ margin:16px 0 0 0;
}
-
div#banner {
- float:right;
- margin-top:24px;
+ float:right;
+ margin-top:24px;
}
-
div#preview {
- color:inherit;
- background-color:#F5F8FF;
+ color:inherit;
+ background-color:#F5F8FF;
}
-
img#logo {
- float:left;
- margin-right:20px;
+ float:left;
+ margin-right:20px;
}
/* aname.inc.php */
-.anchor {}
.anchor_super {
- font-size:xx-small;
- vertical-align:super;
+ font-size:xx-small;
+ vertical-align:super;
}
-/* br.inc.php */
-br.spacer {}
+/* list.inc.php */
+.page_passage {
+ font-size:small;
+}
/* calendar*.inc.php */
.style_calendar {
- padding:0px;
- border:0px;
- margin:3px;
- color:inherit;
- background-color:#CCD5DD;
- text-align:center;
+ padding:0;
+ border:0;
+ margin:3px;
+ color:inherit;
+ background-color:#CCD5DD;
+ text-align:center;
}
.style_td_caltop {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#EEF5FF;
- font-size:80%;
- text-align:center;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#EEF5FF;
+ font-size:80%;
+ text-align:center;
}
.style_td_today {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#FFFFDD;
- text-align:center;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#FFFFDD;
+ text-align:center;
}
.style_td_sat {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#DDE5FF;
- text-align:center;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#DDE5FF;
+ text-align:center;
}
.style_td_sun {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#FFEEEE;
- text-align:center;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#FFEEEE;
+ text-align:center;
}
.style_td_blank {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#EEF5FF;
- text-align:center;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#EEF5FF;
+ text-align:center;
}
.style_td_day {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#EEF5FF;
- text-align:center;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#EEF5FF;
+ text-align:center;
}
.style_td_week {
- padding:5px;
- margin:1px;
- color:inherit;
- background-color:#DDE5EE;
- font-size:80%;
- font-weight:bold;
- text-align:center;
+ padding:5px;
+ margin:1px;
+ color:inherit;
+ background-color:#DDE5EE;
+ font-size:80%;
+ font-weight:bold;
+ text-align:center;
}
/* calendar_viewer.inc.php */
div.calendar_viewer {
- color:inherit;
- background-color:inherit;
- margin-top:20px;
- margin-bottom:10px;
- padding-bottom:10px;
+ color:inherit;
+ background-color:inherit;
+ margin-top:20px;
+ margin-bottom:10px;
+ padding-bottom:10px;
}
span.calendar_viewer_left {
- color:inherit;
- background-color:inherit;
- float:left;
+ color:inherit;
+ background-color:inherit;
+ float:left;
}
span.calendar_viewer_right {
- color:inherit;
- background-color:inherit;
- float:right;
+ color:inherit;
+ background-color:inherit;
+ float:right;
}
/* clear.inc.php */
.clear {
- margin:0px;
- clear:both;
+ margin:0;
+ clear:both;
}
/* counter.inc.php */
-div.counter { font-size:70%; }
+div.counter {
+ font-size:70%;
+}
/* diff.inc.php */
span.diff_added {
- color:blue;
- background-color:inherit;
+ color:blue;
+ background-color:inherit;
}
-
span.diff_removed {
- color:red;
- background-color:inherit;
+ color:red;
+ background-color:inherit;
}
/* hr.inc.php */
hr.short_line {
- text-align:center;
- width:80%;
- border-style:solid;
- border-color:#333333;
- border-width:1px 0px;
+ text-align:center;
+ width:80%;
+ border-style:solid;
+ border-color:#333333;
+ border-width:1px 0;
}
/* include.inc.php */
-h5.side_label { text-align:center; }
+h5.side_label {
+ text-align:center;
+}
/* navi.inc.php */
ul.navi {
- margin:0px;
- padding:0px;
- text-align:center;
+ margin:0;
+ padding:0;
+ text-align:center;
}
li.navi_none {
- display:inline;
- float:none;
+ display:inline;
+ float:none;
}
li.navi_left {
- display:inline;
- float:left;
- text-align:left;
+ display:inline;
+ float:left;
+ text-align:left;
}
li.navi_right {
- display:inline;
- float:right;
- text-align:right;
+ display:inline;
+ float:right;
+ text-align:right;
}
/* new.inc.php */
-span.comment_date { font-size:x-small; }
+span.comment_date {
+ font-size:x-small;
+}
span.new1 {
- color:red;
- background-color:transparent;
- font-size:x-small;
+ color:red;
+ background-color:transparent;
+ font-size:x-small;
}
span.new5 {
- color:green;
- background-color:transparent;
- font-size:xx-small;
+ color:green;
+ background-color:transparent;
+ font-size:xx-small;
+}
+
+/* comment.inc.php */
+._p_comment_name {
+ width: 9em;
+}
+._p_comment_msg {
+ width: 38em;
+}
+
+@media (max-width:767px) {
+ ._p_comment_msg {
+ width: 90%;
+ }
}
/* popular.inc.php */
-span.counter { font-size:70%; }
-ul.popular_list {
-/*
- padding:0px;
- border:0px;
- margin:0px 0px 0px 1em;
- word-wrap:break-word;
- word-break:break-all;
-*/
-}
-
-/* recent.inc.php,showrss.inc.php */
-ul.recent_list {
-/*
- padding:0px;
- border:0px;
- margin:0px 0px 0px 1em;
- word-wrap:break-word;
- word-break:break-all;
-*/
+span.counter {
+ font-size:70%;
}
/* ref.inc.php */
div.img_margin {
- margin-left:32px;
- margin-right:32px;
+ margin-left:32px;
+ margin-right:32px;
}
/* vote.inc.php */
td.vote_label {
- color:inherit;
- background-color:#FFCCCC;
+ color:inherit;
+ background-color:#FFCCCC;
}
td.vote_td1 {
- color:inherit;
- background-color:#DDE5FF;
+ color:inherit;
+ background-color:#DDE5FF;
}
td.vote_td2 {
- color:inherit;
- background-color:#EEF5FF;
+ color:inherit;
+ background-color:#EEF5FF;
}
/* topicpath.inc.php */
span.topicpath-slash {
- margin: 0 0.4em;
+ margin:0 0.2em;
}
span.topicpath-top {
- user-select: none;
+ user-select:none;
}
/* bugtrack.inc.php */
tr.bugtrack_list_header th {
- background-color: #ffffcc;
+ background-color:#ffffcc;
}
tr.bugtrack_state_proposal td {
- background-color: #ccccff;
+ background-color:#ccccff;
}
tr.bugtrack_state_accept td {
- background-color: #ffcc99;
+ background-color:#ffcc99;
}
tr.bugrack_state_resolved td {
- background-color: #ccffcc;
+ background-color:#ccffcc;
}
tr.bugtrack_state_pending td {
- background-color: #ffccff;
+ background-color:#ffccff;
}
tr.bugtrack_state_cancel td {
- background-color: #cccccc;
+ background-color:#cccccc;
}
tr.bugtrack_state_undef td {
- background-color: #ff3333;
+ background-color:#ff3333;
}
/* search2.inc.php */
-input#_plugin_search2_detail:checked ~ ul > div.search-result-detail {
- display: block;
-}
-input#_plugin_search2_detail ~ ul > div.search-result-detail {
- display: none;
-}
-._plugin_search2_search_status {
- min-height: 1.5em;
-}
.search-result-page-summary {
- font-size: 70%;
- color: gray;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ font-size:70%;
+ color:gray;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap;
}
@media print {
a:link,
a:visited {
- text-decoration: underline;
+ text-decoration:underline;
}
img#logo,
div#navigator,
div#menubar,
- td.menubar,
div#related,
div#attach,
div#toolbar {
- display: none;
+ display:none;
}
}
OSDN Git Service
