「Widget:Funfo」の版間の差分
2行目: | 2行目: | ||
− | .an- | + | .an-funfo1 { |
+ | display: block; | ||
+ | position: relative; | ||
+ | left: 50%; | ||
+ | transform: translateX(-50%); | ||
+ | overflow: hidden; | ||
+ | background: none; | ||
+ | background-color: rgba(73, 73, 73,0); | ||
+ | background-image: url(https://wiki.gamerclub.jp/anwiki/images/e/ea/Anwiki広告.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 860px ; | ||
+ | background-position: 0px 0px; | ||
+ | top: 0px; | ||
+ | width: 890px; | ||
+ | height: 136px; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | } | ||
+ | |||
+ | .an-funfo2 { | ||
display: block; | display: block; | ||
position: relative; | position: relative; |
2021年3月6日 (土) 18:19時点における版
<style>
.an-funfo1 { display: block; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; background: none; background-color: rgba(73, 73, 73,0); background-image: url(https://wiki.gamerclub.jp/anwiki/images/e/ea/Anwiki広告.png); background-repeat: no-repeat; background-size: 860px ; background-position: 0px 0px; top: 0px; width: 890px; height: 136px; padding: 10px 10px 10px 10px; }
.an-funfo2 { display: block; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; background: none; background-color: rgba(73, 73, 73,0); background-image: url(https://wiki.gamerclub.jp/anwiki/images/e/ea/Anwiki広告.png); background-repeat: no-repeat; background-size: 860px ; background-position: 0px 0px; top: 0px; width: 890px; height: 136px; padding: 10px 10px 10px 10px; }
.an-funfo-box { width: 726px; height: 91px; background:#ffffff; margin: 20px 0px 0px 118px; }
.an-funfo-logo { width: 120px; font-size:32px; font-weight:bold; color:#ff9800; margin: 18px 0px 0px 20px; transition-duration: 0.4s; float:left; opacity:0.8; }
.an-funfo-font1 { width: 430px; font-size:18px; font-weight:bold; color:#333333; position: absolute; text-decoration: none; margin: 50px 0px 0px 156px; float:left; animation:mymove 20s infinite;; -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/ }
.an-funfo-font2 { width: 430px; font-size:18px; font-weight:bold; color:#333333; position: absolute; text-decoration: none; margin: 50px 0px 0px 156px; float:left; opacity:0; animation:mymove 20s infinite;; -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/ animation-delay:10s; -webkit-animation-delay:10s; /* Safari 和 Chrome */ }
.an-funfo-link { width: 110px; font-size:22px; font-weight:bold; color:#ffffff; text-align:center; background-color: #ff9800; transition-duration: 0.4s; border-radius:5px; float:left; opacity:0.8; margin: 28px 0px 20px 452px; }
.an-funfo-logo:hover, .an-funfo-link:hover{ opacity:1; }
@keyframes mymove{ 0% {top:0px;opacity:0;} 10% {top:0px;opacity:1;} 45% {top:0px;opacity:1;} 55% {top:0px;opacity:0;} 100% {top:0px;opacity:0;} }
@-webkit-keyframes mymove /*Safari and Chrome*/{ 0% {top:0px;opacity:0;} 10% {top:0px;opacity:1;} 45% {top:0px;opacity:1;} 55% {top:0px;opacity:0;} 100% {top:0px;opacity:0;} }
} </style>