「Widget:Funfo」の版間の差分

提供: アークナイツwiki-ANwiki
移動先: 案内検索
90行目: 90行目:
 
     opacity:1;
 
     opacity:1;
 
  }
 
  }
 
.an-funfo1-mobile {
 
    width: 100%;
 
    float:left;
 
  }
 
  
 
  .an-funfo-box-mobile {
 
  .an-funfo-box-mobile {

2021年3月6日 (土) 18:43時点における版

<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: 100%;
   float:left;
   height: 130px;
   background:#ffffff;
 }
.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: 70%;
   float:left;
   font-size:14px;
   font-weight:bold;
   color:#333333;
   text-decoration: none;
   float:left;
   position: absolute;
   animation:mymove 20s infinite;;
   -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/
 }
.an-funfo-font2-mobile {
   width: 70%;
   float:left;
   font-size:14px;
   font-weight:bold;
   color:#333333;
   text-decoration: none;
   float:left;
   position: absolute;
   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: 15%;
   float:left;
   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;
 }
.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>