User:Bluedeck/etc/sandbox/box1544583317209
注意:保存之后,你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari:按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
body {
text-align: center;
font-family: sans-serif;
}
div.bkg {
position: relative;
}
div.bkg div.bkg-child {
position: absolute;
transform: translateY(-50%) translateX(-50%);
top: 50%;
left: 50%;
}
table {
text-align: center;
display: inline-block;
border: 0;
padding: 2.5em;
background: rgba(255,255,255,0.7);
border-radius: 0.5em;
}
table tr:nth-child(odd) {
background: rgba(0,0,70,0.05)
}
table tr {
border: 0;
}
table td {
border: 0;
padding: 0.3em 1em;
}
table th {
padding: 0.3em 1em;
border: 0;
}
a{text-decoration:none;color:rgba(41,133,225,1);cursor:pointer;padding:0.1em 0;}
a:hover{color:rgba(41,133,225,1); box-shadow: 0 -0.35em 0 0 rgba(161, 233, 255, 0.5) inset;}
a:active{box-shadow: 0 -0.35em 0 0 rgba(255,120,70,0.4) inset; color:rgba(255,120,70,0.8);}
button {font-size: 0.9em;}
button ,
input[type=button],
input[type=submit] {background: #444; padding: 0.5em 1.5em; color: #fff; border:0; border-radius: 0.3em; margin:0}
button:hover ,
input[type=button]:hover,
input[type=submit]:hover {background: #555;}
button:active,
input[type=button]:active,
input[type=submit]:active {color: #fff; background: #777; box-shadow: 0 0 0.34em 0.1em rgba(0,0,0,0.45) inset;}
/*
<div style="position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom:0;">
<div style="position: absolute; z-index: -6; top: 0; left: 0; right: 0; bottom:0; background: rgba(205,205,255,0.8);"></div>
<div style="position: absolute; z-index: -5; top: 0; left: 0; right: 0; bottom:0; background-size: cover; background-position: center; background-image: url(/resources/shuffling_backgrounds/pict_15.jpg); opacity: 0.8;"></div>
<div style="z-index: -4; position: absolute; top: 0; left: 0; right: 0; bottom:0; background: rgba(0,0,0,0.07);"></div><div style="z-index: -3; position: absolute; top: 0; left: 0; right: 0; bottom:0; background: linear-gradient(147deg, rgba(0,0,0,0.03), transparent);"></div><div style="z-index: -2; position: absolute; top: 0; left: 0; right: 0; bottom:0; background: linear-gradient(166deg, rgba(52,111,238,0.4), rgba(225,83,132,0.6)); opacity: 0.99;"></div><div style="z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom:0; background: linear-gradient(293deg, rgba(43,29,225,0.4), rgba(255,183,132,0.5)); opacity: 0.99;"></div>
</div>
*/