用户:Staf Irity/Sandbox.css

/* 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;
}