Site Zh 25 Css

您現在最好給我停下來

本頁面內包含基金會維基內部使用的模板

嚴禁任何人員在未經網站行政人員
之授權下修訂本頁面


評分: 0+x

#header{
background:none;
}
#header:before{
display:block;
position: absolute;
width: 100px;
height: 100px;
top: 22%;
left:2%;
z-index: -1;
content: "";
background: url(https://i.imgur.com/2BIhs7P.png) 0px 0px no-repeat;
background-size:100px 100px;
-webkit-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@media (max-width: 479px) {
#header:before{
width: 56px;
height: 56px;
background-size: 56px 56px;
top: 40%;
left: -1%;
transform-origin: 28px 28px;
}
}
@media (min-width: 480px) and (max-width: 580px) { 
#header:before{
width: 66px;
height: 66px;
top: 35%;
left: -1%;
background-size: 66px 66px;
transform-origin: 33px 33px;
}
}
@media (min-width: 581px) and (max-width: 767px) {
#header:before{
width: 78px;
height: 78px;
top: 30%;
left: -1%;
background-size: 78px 78px;
transform-origin: 39px 39px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#header:before{
top: 27%;
width: 88px;
height: 88px;
background-size: 88px 88px;
transform-origin: 44px 44px;
}
}
@-webkit-keyframes spin {
 0% {-webkit-transform: rotateZ(0deg);}
100% {-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes spin {
0% {-moz-transform: rotateZ(0deg);}
100% {-moz-transform: rotateZ(360deg);}
}
@-ms-keyframes spin {
0% {-ms-transform: rotateZ(0deg);}
100% {-ms-transform: rotateZ(360deg);}
}
@-o-keyframes spin {
 0% {-o-transform: rotateZ(0deg);}
100% {-o-transform: rotateZ(360deg);}
}
@keyframes spin {
 0% {transform: rotateZ(0deg);}
 100% {transform: rotateZ(360deg);}
}
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.9px;
}
 
#header h1 a::before {
    content: "Site-ZH-25";
    color: #fff;
    letter-spacing: -0.02em;
    text-shadow: 3px 3px 5px #000;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: transparent;
    text-shadow: none;
}
 
#header h2 span::before {
    content: '控制,收容,保護';
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
sup {
  vertical-align: top;
  position: relative;
  top: -0.5em;
}
 
.scp-image-block.block-right { margin: 1em 2em 1em 1em; }
除非特別註明,本頁內容採用以下授權方式: Creative Commons Attribution-ShareAlike 3.0 License