用户:Staf Irity/Sandbox.css:修订间差异
来自Limbo Wiki
Staf Irity(讨论 | 贡献) 小无编辑摘要 标签:(旧)WikiEditor |
Staf Irity(讨论 | 贡献) 小无编辑摘要 标签:(旧)WikiEditor |
||
(未显示同一用户的8个中间版本) | |||
第9行: | 第9行: | ||
.todo .doing:before{ | .todo .doing:before{ | ||
content:"[-]"; | content:"[-]"; | ||
background-color: | background-color:#FB1; | ||
color:white; | color:white; | ||
margin-right:0.3em; | margin-right:0.3em; | ||
第29行: | 第29行: | ||
.todo .add:after{ | .todo .add:after{ | ||
content:")"; | content:")"; | ||
} | |||
.todo a{ | |||
color:blue!important; | |||
text-decoration:underline; | |||
} | } | ||
/* Float */ | /* Float */ | ||
第95行: | 第99行: | ||
overflow:hidden; | overflow:hidden; | ||
} | } | ||
.rnd > div:nth-child( | .rnd .but{ | ||
width: calc(100% - 1.2em - 4px); | |||
height: calc(100% - 0.4em - 4px); | |||
position: absolute; | |||
padding: .2em .6em; | |||
border: 2px solid; | |||
border-color: #AAA #555 #555 #AAA; | |||
border-radius: 4px; | |||
background-color: #F2F2F2; | |||
cursor:pointer; | |||
display:inline-block; | |||
} | |||
.rnd .but:hover { | |||
background-color: #D0D0D0; | |||
border: 2px solid; | |||
border-color: #999 #444 #444 #999; | |||
} | |||
.rnd > div:not(.but):nth-child(odd) { | |||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
第101行: | 第122行: | ||
animation: RNDmove 2s infinite linear; | animation: RNDmove 2s infinite linear; | ||
} | } | ||
.rnd > div:nth-child( | .rnd > div:not(.but):nth-child(even) { | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
第111行: | 第132行: | ||
padding:0; | padding:0; | ||
border:0; | border:0; | ||
background-color: | background-color: transparent; | ||
} | } | ||
.rnd .lw-treebut.hid:hover { | .rnd .lw-treebut.hid:hover { | ||
border:0; | border:0; | ||
background-color: transparent; | |||
} | } |
2023年3月25日 (六) 13:27的最新版本
/* Tips */ .todo .done:before{ content:"[√]"; background-color:green; color:white; margin-right:0.3em; } .todo .doing:before{ content:"[-]"; background-color:#FB1; color:white; margin-right:0.3em; } .todo .start:before{ content:"[X]"; background-color:red; color:white; margin-right:0.3em; } .todo .add{ color:green; font-weight: bold; } .todo .add:before{ content:"(+"; } .todo .add:after{ content:")"; } .todo a{ color:blue!important; text-decoration:underline; } /* Float */ .float0{ position:fixed; overflow:hidden; top:25vh; right:0; margin:0; padding:0; z-index:100; } .float{ position:relative; right:calc(20px - 100%); transition: all .2s ease-out; } .float0:hover .float{ right:0; } /* Advertisement */ .adbox{ position: relative; width: 100%; height: 200px; overflow: hidden; margin: 0 auto; } .ad { width: 100%; height: 200px; position: absolute; animation-name: example; animation-duration: 16s; animation-fill-mode: forwards; animation-iteration-count:infinite; } .ad .word{ margin-top:25px; text-align:center; font-size:100px; } @keyframes example { 0% {left:-100%;} 6.25% {left:0;} 25% {left:0;} 31.25% {left:100%;} 100% {left:100%;} } /* Red Cat */ body.page\-\7528\6237_Staf_Irity_Draft_Blue_Rabbit pre, body.page\-\7528\6237_Staf_Irity_Draft_Blue_Rabbit .mw-code{ background-color:#eef;border:1px solid #bbf; } .nomargin pre{margin-top:0;} /* R-nd-- */ @keyframes RNDmove { 0% {left:-100%;} 100% {left:100%;} } .rnd { position: relative; overflow:hidden; } .rnd .but{ width: calc(100% - 1.2em - 4px); height: calc(100% - 0.4em - 4px); position: absolute; padding: .2em .6em; border: 2px solid; border-color: #AAA #555 #555 #AAA; border-radius: 4px; background-color: #F2F2F2; cursor:pointer; display:inline-block; } .rnd .but:hover { background-color: #D0D0D0; border: 2px solid; border-color: #999 #444 #444 #999; } .rnd > div:not(.but):nth-child(odd) { width: 100%; height: 100%; position: absolute; animation: RNDmove 2s infinite linear; } .rnd > div:not(.but):nth-child(even) { width: 100%; height: 100%; position: absolute; animation: RNDmove 2s infinite linear -1s; } .rnd .lw-treebut.hid { height:100%; padding:0; border:0; background-color: transparent; } .rnd .lw-treebut.hid:hover { border:0; background-color: transparent; }