「Widget:Funfo」の版間の差分

提供: アークナイツwiki-ANwiki
移動先: 案内検索
 
(同じ利用者による、間の29版が非表示)
1行目: 1行目:
 
<style>
 
<style>
 
  
 
  .an-funfo1 {
 
  .an-funfo1 {
17行目: 16行目:
 
     width: 100%;
 
     width: 100%;
 
     max-width: 890px;
 
     max-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;
 
     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>