|
|
| 1行目: |
1行目: |
| − | <style>
| + | {{#Widget:funfo}} |
| − | @media screen and (min-width: 1025px) {
| |
| − | .funfo-1{
| |
| − | width:7%;
| |
| − | border-radius:1px;
| |
| − | margin:0 auto;
| |
| − | padding: 2px;
| |
| − | background:#ff9800;
| |
| − | }
| |
| − | .examples-0{
| |
| − | width:44%;
| |
| − | float:left;
| |
| − | padding: 20px 0px 0px 0px;
| |
| − | margin: 0px 28% 0px 28%;
| |
| − | }
| |
| − | .examples-tema{
| |
| − | text-align:center;
| |
| − | font-size: 40px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 0px 0px 40px 0px;
| |
| − | }
| |
| − | .examples-tema2{
| |
| − | width:80%;
| |
| − | text-align:center;
| |
| − | font-size: 32px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 30px 10% 40px 10%;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-tema3{
| |
| − | width:70%;
| |
| − | text-align:center;
| |
| − | font-weight:normal;
| |
| − | font-size: 24px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 0px 15% 10px 15%;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-font1{
| |
| − | font-size: 16px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | text-align:left;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | .examples-font2{
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | text-align:left;
| |
| − | }
| |
| − | .examples-img{
| |
| − | position:relative;
| |
| − | padding: 20px 0px 20px 0px;
| |
| − | animation:mymove 1s 1;
| |
| − | -webkit-animation:mymove 1s 1; /*Safari and Chrome*/
| |
| − | }
| |
| − | .examples-img2{
| |
| − | width:50%;
| |
| − | float:left;
| |
| − | padding: 0px 10px 20px 10px;
| |
| − | }
| |
| − | .examples-box-01,
| |
| − | .examples-box-0,
| |
| − | .examples-box-00,
| |
| − | .examples-box-1,
| |
| − | .examples-box-2{
| |
| − | width:100%;
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | border-style: solid;
| |
| − | border-width: 1px 1px 0px 1px;
| |
| − | border-color:#DCDCDC;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-box-01{
| |
| − | border-width: 1px 1px 0px 1px;
| |
| − | margin: 20px 0px 0px 0px;
| |
| − | }
| |
| − | .examples-box-00{
| |
| − | border-width: 1px 1px 1px 1px;
| |
| − | margin: 0px 0px 30px 0px;
| |
| − | }
| |
| − | .examples-box-1{
| |
| − | width:26%;
| |
| − | padding:10px;
| |
| − | border-width: 0px 0px 0px 0px;
| |
| − | }
| |
| − | .examples-box-2{
| |
| − | width:74%;
| |
| − | padding:10px;
| |
| − | border-width: 0px 0px 0px 1px;
| |
| − | }
| |
| − | .download-box{
| |
| − | width:50%;
| |
| − | height:200px;
| |
| − | text-align:center;
| |
| − | float:left;
| |
| − | margin: 100px 25% 0px 25%;
| |
| − | }
| |
| − | .download-box-1{
| |
| − | width:200px;
| |
| − | font-size: 16px;
| |
| − | border-radius:5px;
| |
| − | margin:0 auto;
| |
| − | padding: 10px;
| |
| − | background:#ff9800;
| |
| − | transition-duration: 0.4s;
| |
| − | font-weight:bold;
| |
| − | color:#FFFFFF;
| |
| − | text-align:center;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | .download-box-2{
| |
| − | width:100%;
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | text-align:center;
| |
| − | margin-top:30px;
| |
| − | font-weight:bold;
| |
| − | }
| |
| − | .download-box-1:hover{
| |
| − | background:#ff7800;
| |
| − | }
| |
| − | .download-font1{
| |
| − | transition-duration: 0.4s;
| |
| − | color:#ff9800;
| |
| − | }
| |
| − | .download-font1:hover{
| |
| − | color:#ff7800;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | @keyframes mymove
| |
| − | {
| |
| − | 0% {top:100px;opacity:0.1;}
| |
| − | 100% {top:0px;opacity:1;}
| |
| − | }
| |
| − | @-webkit-keyframes mymove /*Safari and Chrome*/
| |
| − | {
| |
| − | 0% {top:100px;opacity:0.1;}
| |
| − | 100% {top:0px;opacity:1;}
| |
| − | }
| |
| − | }
| |
| − | @media screen and (min-width: 541px) and (max-width: 1024px) {
| |
| − | .funfo-1{
| |
| − | width:7%;
| |
| − | border-radius:1px;
| |
| − | margin:0 auto;
| |
| − | padding: 2px;
| |
| − | background:#ff9800;
| |
| − | }
| |
| − | .examples-0{
| |
| − | width:70%;
| |
| − | float:left;
| |
| − | padding: 40px 0px 0px 0px;
| |
| − | margin: 0px 15% 0px 15%;
| |
| − | }
| |
| − | .examples-tema{
| |
| − | text-align:center;
| |
| − | font-size: 40px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 0px 0px 40px 0px;
| |
| − | }
| |
| − | .examples-tema2{
| |
| − | width:80%;
| |
| − | text-align:center;
| |
| − | font-size: 32px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 30px 10% 40px 10%;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-tema3{
| |
| − | width:70%;
| |
| − | text-align:center;
| |
| − | font-weight:normal;
| |
| − | font-size: 24px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 0px 15% 10px 15%;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-font1{
| |
| − | font-size: 16px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | text-align:left;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | .examples-font2{
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | text-align:left;
| |
| − | }
| |
| − | .examples-img{
| |
| − | position:relative;
| |
| − | padding: 20px 0px 20px 0px;
| |
| − | animation:mymove 1s 1;
| |
| − | -webkit-animation:mymove 1s 1; /*Safari and Chrome*/
| |
| − | }
| |
| − | .examples-box-01,
| |
| − | .examples-box-0,
| |
| − | .examples-box-00,
| |
| − | .examples-box-1,
| |
| − | .examples-box-2{
| |
| − | width:100%;
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | border-style: solid;
| |
| − | border-width: 1px 1px 0px 1px;
| |
| − | border-color:#DCDCDC;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-box-01{
| |
| − | border-width: 1px 1px 0px 1px;
| |
| − | margin: 20px 0px 0px 0px;
| |
| − | }
| |
| − | .examples-box-00{
| |
| − | border-width: 1px 1px 1px 1px;
| |
| − | margin: 0px 0px 30px 0px;
| |
| − | }
| |
| − | .examples-box-1{
| |
| − | width:26%;
| |
| − | padding:10px;
| |
| − | border-width: 0px 0px 0px 0px;
| |
| − | }
| |
| − | .examples-box-2{
| |
| − | width:74%;
| |
| − | padding:10px;
| |
| − | border-width: 0px 0px 0px 1px;
| |
| − | }
| |
| − | .download-box{
| |
| − | width:50%;
| |
| − | height:200px;
| |
| − | text-align:center;
| |
| − | float:left;
| |
| − | margin: 100px 25% 0px 25%;
| |
| − | }
| |
| − | .download-box-1{
| |
| − | width:200px;
| |
| − | font-size: 16px;
| |
| − | border-radius:5px;
| |
| − | margin:0 auto;
| |
| − | padding: 10px;
| |
| − | background:#ff9800;
| |
| − | transition-duration: 0.4s;
| |
| − | font-weight:bold;
| |
| − | color:#FFFFFF;
| |
| − | text-align:center;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | .download-box-2{
| |
| − | width:100%;
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | text-align:center;
| |
| − | margin-top:30px;
| |
| − | font-weight:bold;
| |
| − | }
| |
| − | .download-box-1:hover{
| |
| − | background:#ff7800;
| |
| − | }
| |
| − | .download-font1{
| |
| − | transition-duration: 0.4s;
| |
| − | color:#ff9800;
| |
| − | }
| |
| − | .download-font1:hover{
| |
| − | color:#ff7800;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | @keyframes mymove
| |
| − | {
| |
| − | 0% {top:100px;opacity:0.1;}
| |
| − | 100% {top:0px;opacity:1;}
| |
| − | }
| |
| − | @-webkit-keyframes mymove /*Safari and Chrome*/
| |
| − | {
| |
| − | 0% {top:100px;opacity:0.1;}
| |
| − | 100% {top:0px;opacity:1;}
| |
| − | }
| |
| − | }
| |
| − | @media screen and (max-width: 540px) {
| |
| − | .funfo-1{
| |
| − | width:7%;
| |
| − | border-radius:1px;
| |
| − | margin:0 auto;
| |
| − | padding: 2px;
| |
| − | background:#ff9800;
| |
| − | }
| |
| − | .examples-0{
| |
| − | width:96%;
| |
| − | float:left;
| |
| − | padding: 40px 0px 0px 0px;
| |
| − | margin: 0px 2% 0px 2%;
| |
| − | }
| |
| − | .examples-tema{
| |
| − | text-align:center;
| |
| − | font-size: 40px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 0px 0px 40px 0px;
| |
| − | }
| |
| − | .examples-tema2{
| |
| − | width:94%;
| |
| − | text-align:center;
| |
| − | font-size: 32px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 30px 3% 40px 3%;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-tema3{
| |
| − | width:94%;
| |
| − | text-align:center;
| |
| − | font-weight:normal;
| |
| − | font-size: 24px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | margin: 0px 3% 10px 3%;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-font1{
| |
| − | font-size: 16px;
| |
| − | font-weight:bold;
| |
| − | color:#333333;
| |
| − | text-align:left;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | .examples-font2{
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | text-align:left;
| |
| − | }
| |
| − | .examples-img{
| |
| − | position:relative;
| |
| − | padding: 20px 0px 20px 0px;
| |
| − | animation:mymove 1s 1;
| |
| − | -webkit-animation:mymove 1s 1; /*Safari and Chrome*/
| |
| − | }
| |
| − | .examples-box-01,
| |
| − | .examples-box-0,
| |
| − | .examples-box-00,
| |
| − | .examples-box-1,
| |
| − | .examples-box-2{
| |
| − | width:100%;
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | border-style: solid;
| |
| − | border-width: 1px 1px 0px 1px;
| |
| − | border-color:#DCDCDC;
| |
| − | float:left;
| |
| − | }
| |
| − | .examples-box-01{
| |
| − | border-width: 1px 1px 0px 1px;
| |
| − | margin: 20px 0px 0px 0px;
| |
| − | }
| |
| − | .examples-box-00{
| |
| − | border-width: 1px 1px 1px 1px;
| |
| − | margin: 0px 0px 30px 0px;
| |
| − | }
| |
| − | .examples-box-1{
| |
| − | width:26%;
| |
| − | padding:10px;
| |
| − | border-width: 0px 0px 0px 0px;
| |
| − | }
| |
| − | .examples-box-2{
| |
| − | width:74%;
| |
| − | padding:10px;
| |
| − | border-width: 0px 0px 0px 1px;
| |
| − | }
| |
| − | .download-box{
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | float:left;
| |
| − | margin: 100px 0px 100px 0px;
| |
| − | }
| |
| − | .download-box-1{
| |
| − | width:76%;
| |
| − | font-size: 16px;
| |
| − | border-radius:5px;
| |
| − | margin:0 auto;
| |
| − | padding: 10px;
| |
| − | background:#ff9800;
| |
| − | font-weight:bold;
| |
| − | color:#FFFFFF;
| |
| − | text-align:center;
| |
| − | margin: 0px 12% 0px 12%;
| |
| − | }
| |
| − | .download-box-2{
| |
| − | width:100%;
| |
| − | font-size: 16px;
| |
| − | color:#333333;
| |
| − | text-align:center;
| |
| − | margin-top:30px;
| |
| − | font-weight:bold;
| |
| − | }
| |
| − | .download-box-1:hover{
| |
| − | background:#ff7800;
| |
| − | }
| |
| − | .download-font1{
| |
| − | transition-duration: 0.4s;
| |
| − | color:#ff9800;
| |
| − | }
| |
| − | .download-font1:hover{
| |
| − | color:#ff7800;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | @keyframes mymove
| |
| − | {
| |
| − | 0% {top:100px;opacity:0.1;}
| |
| − | 100% {top:0px;opacity:1;}
| |
| − | }
| |
| − | @-webkit-keyframes mymove /*Safari and Chrome*/
| |
| − | {
| |
| − | 0% {top:100px;opacity:0.1;}
| |
| − | 100% {top:0px;opacity:1;}
| |
| − | } | |
| − | } | |
| − | </style>
| |
