(support announcement style) |
(改用 ptt-format-text 作為類別) |
||
第7行: | 第7行: | ||
overflow: visible; |
overflow: visible; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text:not(.raw) { |
/* origin ptt use #999, but wikia is in light theme, |
/* origin ptt use #999, but wikia is in light theme, |
||
so font color need to be lighter. */ |
so font color need to be lighter. */ |
||
第14行: | 第14行: | ||
overflow: auto; |
overflow: auto; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line { |
white-space: pre; |
white-space: pre; |
||
line-height: 125%; |
line-height: 125%; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.head { |
background-color: #008; |
background-color: #008; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.head .head { |
color: #008; |
color: #008; |
||
background-color: #999; |
background-color: #999; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.comment { |
color: #990; |
color: #990; |
||
font-style: normal; |
font-style: normal; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.comment .push { |
color: white; |
color: white; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.comment .boo { |
color: #f66; |
color: #f66; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.comment .arrow { |
color: #f66; |
color: #f66; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.comment .username { |
color: #ff6; |
color: #ff6; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.comment .date { |
color: #BBB; |
color: #BBB; |
||
} |
} |
||
⚫ | |||
− | |||
⚫ | |||
color: #333; |
color: #333; |
||
background-color: #BBB; |
background-color: #BBB; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text a { |
color: #888; |
color: #888; |
||
text-decoration: underline; |
text-decoration: underline; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.system { |
color: #090; |
color: #090; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.quote, .ptt-format-text > .line.hr { |
/* origin is 099, but 0AA looked better */ |
/* origin is 099, but 0AA looked better */ |
||
color: #0AA; |
color: #0AA; |
||
} |
} |
||
⚫ | |||
− | |||
⚫ | |||
color: black; |
color: black; |
||
background-color: #BBB; |
background-color: #BBB; |
||
} |
} |
||
− | /* .ptt- |
+ | /* .ptt-format-text > .line.status .percent.page-middle, */ |
− | .ptt- |
+ | .ptt-format-text > .line.status .percent { |
color: #008; |
color: #008; |
||
background-color: #0AA; |
background-color: #0AA; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.status .percent.page-first { |
color: #990; |
color: #990; |
||
background-color: #B0B; |
background-color: #B0B; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.status .percent.page-last { |
color: #BBB; |
color: #BBB; |
||
background-color: #008; |
background-color: #008; |
||
} |
} |
||
⚫ | |||
− | |||
⚫ | |||
color: #555; |
color: #555; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.status .key { |
color: #900; |
color: #900; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.info-board { |
background-color: #008; |
background-color: #008; |
||
color: white; |
color: white; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.info-board .center { |
color: #ff6; |
color: #ff6; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.status *:first-child { |
color: #008; |
color: #008; |
||
background-color: #0AA; |
background-color: #0AA; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.list-entry .announcement { |
color: #ff6; |
color: #ff6; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.list-entry .bad { |
color: #555; |
color: #555; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.list-entry .ones { |
color: #0f0; |
color: #0f0; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.list-entry .tens { |
color: #ff6; |
color: #ff6; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.list-entry .high { |
color: #f66; |
color: #f66; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.field-head { |
color: black; |
color: black; |
||
background-color: #BBB; |
background-color: #BBB; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.anykey { |
color: white; |
color: white; |
||
background-color: #008; |
background-color: #008; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.anykey .back-wall { |
color: #00f; |
color: #00f; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.anykey .action { |
color: #0ff; |
color: #0ff; |
||
background-color: #009; |
background-color: #009; |
||
} |
} |
||
− | .ptt- |
+ | .ptt-format-text > .line.anykey .prompt { |
background-color: #0aa; |
background-color: #0aa; |
||
color: #ff6; |
color: #ff6; |
於 2019年7月14日 (日) 05:24 的最新修訂
blockquote.ptt-quote {
padding: 0;
border: none;
}
blockquote.ptt-quote:not(.raw) {
background-color: inherit;
overflow: visible;
}
.ptt-format-text:not(.raw) {
/* origin ptt use #999, but wikia is in light theme,
so font color need to be lighter. */
color: #BBB;
background-color: black;
overflow: auto;
}
.ptt-format-text > .line {
white-space: pre;
line-height: 125%;
}
.ptt-format-text > .line.head {
background-color: #008;
}
.ptt-format-text > .line.head .head {
color: #008;
background-color: #999;
}
.ptt-format-text > .line.comment {
color: #990;
font-style: normal;
}
.ptt-format-text > .line.comment .push {
color: white;
}
.ptt-format-text > .line.comment .boo {
color: #f66;
}
.ptt-format-text > .line.comment .arrow {
color: #f66;
}
.ptt-format-text > .line.comment .username {
color: #ff6;
}
.ptt-format-text > .line.comment .date {
color: #BBB;
}
.ptt-format-text a:hover {
color: #333;
background-color: #BBB;
}
.ptt-format-text a {
color: #888;
text-decoration: underline;
}
.ptt-format-text > .line.system {
color: #090;
}
.ptt-format-text > .line.quote, .ptt-format-text > .line.hr {
/* origin is 099, but 0AA looked better */
color: #0AA;
}
.ptt-format-text > .line.status {
color: black;
background-color: #BBB;
}
/* .ptt-format-text > .line.status .percent.page-middle, */
.ptt-format-text > .line.status .percent {
color: #008;
background-color: #0AA;
}
.ptt-format-text > .line.status .percent.page-first {
color: #990;
background-color: #B0B;
}
.ptt-format-text > .line.status .percent.page-last {
color: #BBB;
background-color: #008;
}
.ptt-format-text > .line.status .line-number {
color: #555;
}
.ptt-format-text > .line.status .key {
color: #900;
}
.ptt-format-text > .line.info-board {
background-color: #008;
color: white;
}
.ptt-format-text > .line.info-board .center {
color: #ff6;
}
.ptt-format-text > .line.status *:first-child {
color: #008;
background-color: #0AA;
}
.ptt-format-text > .line.list-entry .announcement {
color: #ff6;
}
.ptt-format-text > .line.list-entry .bad {
color: #555;
}
.ptt-format-text > .line.list-entry .ones {
color: #0f0;
}
.ptt-format-text > .line.list-entry .tens {
color: #ff6;
}
.ptt-format-text > .line.list-entry .high {
color: #f66;
}
.ptt-format-text > .line.field-head {
color: black;
background-color: #BBB;
}
.ptt-format-text > .line.anykey {
color: white;
background-color: #008;
}
.ptt-format-text > .line.anykey .back-wall {
color: #00f;
}
.ptt-format-text > .line.anykey .action {
color: #0ff;
background-color: #009;
}
.ptt-format-text > .line.anykey .prompt {
background-color: #0aa;
color: #ff6;
}