User:ZeScript/wikiwindows.css
来自滚动的天空Wiki
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
.wikiwindows {
position: fixed;
left: 20%;
top: 15%;
width: 60%;
height: 70%;
}
@media screen and (max-width: 849px) {
.wikiwindows {
left: 5%;
top: 10%;
width: 90%;
height: 80%;
}
}
.wikiwindows-table-wrapper {
overflow: auto;
}
.wikiwindows-empty {
height: 0
}
.wikiwindow {
position: absolute;
background-color: aliceblue;
border-radius: 2px;
border: 1px solid #3366cc;
left: 0;
height: 100%;
width: 100%
}
.wikiwindow-hidden {
background-color: #f8f9faaa;
border: 1px solid blue;
float: left;
cursor: pointer;
}
.wikiwindow-container {
width: 100%;
height: calc(100% - 3em);
}
.wikiwindow > .wkiwindow-container > iframe {
width: 100%;
height: 100%;
}
.wikiwindow-bar {
display: grid;
grid-template-columns: 1fr auto 1fr 1fr;
grid-template-rows: 1fr auto 1fr;
width: 100%;
}
.wikiwindow-hide {
min-width: 3em;
display: block;
border-radius: 2px;
background-color: #f8f9fa;
grid-row: 1 / 4;
grid-column: 1 / 2;
}
.wikiwindow-title {
font-weight: bold;
font-size: 1.5em;
grid-row: 2 / 3;
grid-column: 2 / 3;
}
.wikiwindow-done {
min-width: 3em;
display: block;
border-radius: 2px;
background-color: red;
grid-row: 1 / 4;
grid-column: 3 / 4;
}
.wikiwindow-interface {
height: 100%;
background-color: #f8f9fa;
width: 100%;
padding: 1em 2em;
box-sizing: border-box;
}
.wikiwindow-history-delta-rect {
position: absolute;
opacity: 0.4;
height: 1em;
transition: opacity 0.5s ease-in;
top: 0;
}
.wikiwindow-history-delta-rect:hover {
opacity: 0.6;
}
.wikiwindow-history-delta-rect-positive {
background-color: forestgreen;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
left: 50%;
}
.wikiwindow-history-delta-rect-negative {
background-color: red;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
right: 50%;
}
.wikiwindow-history-table td {
vertical-align: middle;
padding: 8px;
}
.wikiwindow-history-table .comment {
width: 30%;
}
.wikiwindow-history-table tr {
position: relative;
}
.wikiwindows-history-delta {
white-space: nowrap;
}
.wikiwindow-edit .wikiwindow-interface,
.wikiwindow-history .wikiwindow-interface {
display: flex;
flex-direction: column;
}
.wikiwindow-edit textarea {
flex: 1;
}
.wikiwindow-history, .wikiwindows-table-wrapper {
flex: 1;
}
.wikiwindows-open {
z-index: 1000;
width: 1.4em;
height: 1.4em;
font-size: 4em;
text-align: center;
border-radius: 50%;
background-color: aliceblue;
position:fixed;
left: 0;
bottom: 0;
cursor: pointer;
user-select: none;
}
.wikiwindows-select {
background-color: aqua;
}
.wikiwindows-hidden {
position: fixed;
z-index: 1000;
bottom: 0;
left: 5.6em;
}
.wikiwindows-inputing {
background-color: green;
}
.wikiwindows-input-layout {
position: fixed;
top: 40%;
width: 80%;
left: 10%;
background: #f8f9fa;
}
.wikiwindow textarea {
font-family: 'Consolas', sans-serif;
}