「Widget:Funfo」の版間の差分
(同じ利用者による、間の29版が非表示) | |||
1行目: | 1行目: | ||
<style> | <style> | ||
− | |||
.an-funfo1 { | .an-funfo1 { | ||
17行目: | 16行目: | ||
width: 100%; | width: 100%; | ||
max-width: 890px; | max-width: 890px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
height: 136px; | height: 136px; | ||
padding: 10px 10px 10px 10px; | padding: 10px 10px 10px 10px; | ||
40行目: | 21行目: | ||
.an-funfo-box { | .an-funfo-box { | ||
− | width: 726px; | + | width: 100%; |
+ | max-width: 726px; | ||
height: 91px; | height: 91px; | ||
background:#ffffff; | background:#ffffff; | ||
47行目: | 29行目: | ||
.an-funfo-logo { | .an-funfo-logo { | ||
− | width: 120px; | + | width: 100%; |
+ | max-width: 120px; | ||
font-size:32px; | font-size:32px; | ||
font-weight:bold; | font-weight:bold; | ||
58行目: | 41行目: | ||
.an-funfo-font1 { | .an-funfo-font1 { | ||
− | width: 430px; | + | width: 100%; |
+ | max-width: 430px; | ||
font-size:18px; | font-size:18px; | ||
font-weight:bold; | font-weight:bold; | ||
71行目: | 55行目: | ||
.an-funfo-font2 { | .an-funfo-font2 { | ||
− | width: 430px; | + | width: 100%; |
+ | max-width: 430px; | ||
font-size:18px; | font-size:18px; | ||
font-weight:bold; | font-weight:bold; | ||
87行目: | 72行目: | ||
.an-funfo-link { | .an-funfo-link { | ||
− | width: 110px; | + | width: 100%; |
+ | max-width: 110px; | ||
font-size:22px; | font-size:22px; | ||
font-weight:bold; | font-weight:bold; | ||
102行目: | 88行目: | ||
.an-funfo-logo:hover, | .an-funfo-logo:hover, | ||
.an-funfo-link:hover{ | .an-funfo-link:hover{ | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | .an-funfo-box-mobile { | ||
+ | width: 97%; | ||
+ | float:left; | ||
+ | position: relative; | ||
+ | background:#ffffff; | ||
+ | border:2px solid #999999; | ||
+ | border-radius:5px; | ||
+ | padding:1% 1% 3% 1%; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .an-funfo-logo-mobile { | ||
+ | width: 15%; | ||
+ | float:left; | ||
+ | font-size:32px; | ||
+ | font-weight:bold; | ||
+ | color:#ff9800; | ||
+ | transition-duration: 0.4s; | ||
+ | float:left; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | |||
+ | .an-funfo-font1-mobile { | ||
+ | width: 66%; | ||
+ | float:left; | ||
+ | font-size:14px; | ||
+ | font-weight:bold; | ||
+ | color:#333333; | ||
+ | position: absolute; | ||
+ | text-decoration: none; | ||
+ | float:left; | ||
+ | margin: 0px 0px 0px 17%; | ||
+ | animation:mymove 20s infinite;; | ||
+ | -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/ | ||
+ | } | ||
+ | |||
+ | .an-funfo-font2-mobile { | ||
+ | width: 66%; | ||
+ | float:left; | ||
+ | font-size:14px; | ||
+ | font-weight:bold; | ||
+ | color:#333333; | ||
+ | position: absolute; | ||
+ | text-decoration: none; | ||
+ | float:left; | ||
+ | opacity:0; | ||
+ | margin: 0px 0px 0px 17%; | ||
+ | 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: 15%; | ||
+ | float:left; | ||
+ | font-size:22px; | ||
+ | font-weight:bold; | ||
+ | color:#ffffff; | ||
+ | text-align:center; | ||
+ | position: absolute; | ||
+ | margin: 15px 0px 0px 82%; | ||
+ | background-color: #ff9800; | ||
+ | transition-duration: 0.4s; | ||
+ | border-radius:5px; | ||
+ | float:left; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | |||
+ | .an-funfo-logo-mobile:hover, | ||
+ | .an-funfo-link-mobile:hover{ | ||
opacity:1; | opacity:1; | ||
} | } |
2021年3月6日 (土) 19:14時点における最新版
<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-funfo-box-mobile { width: 97%; float:left; position: relative; background:#ffffff; border:2px solid #999999; border-radius:5px; padding:1% 1% 3% 1%; margin-bottom: 10px; }
.an-funfo-logo-mobile { width: 15%; float:left; font-size:32px; font-weight:bold; color:#ff9800; transition-duration: 0.4s; float:left; opacity:0.8; }
.an-funfo-font1-mobile { width: 66%; float:left; font-size:14px; font-weight:bold; color:#333333; position: absolute; text-decoration: none; float:left; margin: 0px 0px 0px 17%; animation:mymove 20s infinite;; -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/ }
.an-funfo-font2-mobile { width: 66%; float:left; font-size:14px; font-weight:bold; color:#333333; position: absolute; text-decoration: none; float:left; opacity:0; margin: 0px 0px 0px 17%; 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: 15%; float:left; font-size:22px; font-weight:bold; color:#ffffff; text-align:center; position: absolute; margin: 15px 0px 0px 82%; background-color: #ff9800; transition-duration: 0.4s; border-radius:5px; float:left; opacity:0.8; }
.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>