「Widget:Funfo」の版間の差分
1行目: | 1行目: | ||
<style> | <style> | ||
− | |||
.an-funfo1 { | .an-funfo1 { | ||
19行目: | 18行目: | ||
height: 136px; | height: 136px; | ||
padding: 10px 10px 10px 10px; | padding: 10px 10px 10px 10px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
95行目: | 88行目: | ||
.an-funfo-logo:hover, | .an-funfo-logo:hover, | ||
.an-funfo-link:hover{ | .an-funfo-link:hover{ | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | .an-funfo1-mobile { | ||
+ | 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: 100%; | ||
+ | max-width: 890px; | ||
+ | height: 136px; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | } | ||
+ | |||
+ | .an-funfo-box-mobile { | ||
+ | width: 100%; | ||
+ | max-width: 726px; | ||
+ | height: 91px; | ||
+ | background:#ffffff; | ||
+ | margin: 20px 0px 0px 118px; | ||
+ | } | ||
+ | |||
+ | .an-funfo-logo-mobile { | ||
+ | width: 100%; | ||
+ | max-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-mobile { | ||
+ | width: 100%; | ||
+ | max-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-mobile { | ||
+ | width: 100%; | ||
+ | max-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-mobile { | ||
+ | width: 100%; | ||
+ | max-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-mobile:hover, | ||
+ | .an-funfo-link-mobile:hover{ | ||
opacity:1; | opacity:1; | ||
} | } |
2021年3月6日 (土) 18:32時点における版
<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: 100%; max-width: 890px; height: 136px; padding: 10px 10px 10px 10px; }
.an-funfo-box { width: 100%; max-width: 726px; height: 91px; background:#ffffff; margin: 20px 0px 0px 118px; }
.an-funfo-logo { width: 100%; max-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: 100%; max-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: 100%; max-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: 100%; max-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; }
.an-funfo1-mobile { 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: 100%; max-width: 890px; height: 136px; padding: 10px 10px 10px 10px; }
.an-funfo-box-mobile { width: 100%; max-width: 726px; height: 91px; background:#ffffff; margin: 20px 0px 0px 118px; }
.an-funfo-logo-mobile { width: 100%; max-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-mobile { width: 100%; max-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-mobile { width: 100%; max-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-mobile { width: 100%; max-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-mobile:hover, .an-funfo-link-mobile: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>