用户:Staf Irity/Sandbox.css:修订间差异
来自Limbo Wiki
Staf Irity(讨论 | 贡献) 小无编辑摘要 标签:(旧)WikiEditor |
Staf Irity(讨论 | 贡献) 小无编辑摘要 标签:(旧)WikiEditor |
||
第96行: | 第96行: | ||
} | } | ||
.rnd .but{ | .rnd .but{ | ||
width: calc(100% - 1.2em); | width: calc(100% - 1.2em - 4px); | ||
height: calc(100% - 0.4em); | height: calc(100% - 0.4em - 4px); | ||
position: absolute; | position: absolute; | ||
padding: .2em .6em; | padding: .2em .6em; |
2023年3月10日 (五) 13:36的版本
/* Tips */ .todo .done:before{ content:"[√]"; background-color:green; color:white; margin-right:0.3em; } .todo .doing:before{ content:"[-]"; background-color:blue; 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:")"; } /* 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:nth-child(odd) { width: 100%; height: 100%; position: absolute; animation: RNDmove 2s infinite linear; } .rnd > div: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; }