「Widget:Funfo」の版間の差分

提供: アークナイツwiki-ANwiki
移動先: 案内検索
 
(同じ利用者による、間の5版が非表示)
92行目: 92行目:
  
 
  .an-funfo-box-mobile {
 
  .an-funfo-box-mobile {
     width: 100%;
+
     width: 97%;
 
     float:left;
 
     float:left;
 
     position: relative;
 
     position: relative;
98行目: 98行目:
 
     border:2px solid #999999;
 
     border:2px solid #999999;
 
     border-radius:5px;
 
     border-radius:5px;
     padding:1% 1% 1% 1%;
+
     padding:1% 1% 3% 1%;
 +
    margin-bottom: 10px;
 
   }
 
   }
  
113行目: 114行目:
  
 
  .an-funfo-font1-mobile {
 
  .an-funfo-font1-mobile {
     width: 70%;
+
     width: 66%;
 
     float:left;
 
     float:left;
 
     font-size:14px;
 
     font-size:14px;
127行目: 128行目:
  
 
  .an-funfo-font2-mobile {
 
  .an-funfo-font2-mobile {
     width: 70%;
+
     width: 66%;
 
     float:left;
 
     float:left;
 
     font-size:14px;
 
     font-size:14px;
136行目: 137行目:
 
     float:left;
 
     float:left;
 
     opacity:0;
 
     opacity:0;
     margin: 10px 0px 0px 17%;
+
     margin: 0px 0px 0px 17%;
 
     animation:mymove 20s infinite;;
 
     animation:mymove 20s infinite;;
 
     -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/
 
     -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/
151行目: 152行目:
 
     text-align:center;
 
     text-align:center;
 
     position: absolute;
 
     position: absolute;
     margin: 15px 0px 0px 85%;
+
     margin: 15px 0px 0px 82%;
 
     background-color: #ff9800;
 
     background-color: #ff9800;
 
     transition-duration: 0.4s;
 
     transition-duration: 0.4s;

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>