WordPress.org
Get WordPress

Plugin Directory

Changeset 2586837


Ignore:
Timestamp:
08/23/2021 05:02:13 AM (5 years ago)
Author:
bbaton
Message:

-- version 2.8 - New Features for Background Image --

Location:
bbaton-anonymous-age-verification
Files:
26 added
5 edited

Legend:

Unmodified
Added
Removed

  • bbaton-anonymous-age-verification/trunk/assets/css/bbaa.css

    r2483497 r2586837  
    1 .bbaa {
    2     text-align: center;
    3     position: fixed;
    4     top: 0px;
    5     bottom: 0px;
    6     left: 0px;
    7     right: 0px;
    8     padding-top: 5%;
    9     z-index: 999999;
     1body{
     2    overflow:hidden !important
     3}
     4.bbaa .number{
     5    border-radius: 50%;
     6    border: 3px solid #d12525;
     7    padding: 15px;
     8    font-size: 25px;
     9    display: inline-block;
     10    margin: 20px;
     11    color: black;
     12}
     13.col-left,.col-right{
     14    width: 50%;
     15    float: left;
     16}
     17.bbaa{
     18    position: fixed;
     19    z-index: 1;
     20    top: 0;
     21    left: 0;
     22    right: 0;
     23    bottom:0
     24}
     25.spacer img{
     26    width:100%;
     27}
     28.cs-container{
     29    display: inline-flex;
     30    align-items: center;
     31    width: 100%;
    1032}
    1133
    12 .bbaa h3 {
    13     width: 57% !important;
    14     margin: auto !important;
    15     font-size: 19px !important;
    16     color: black !important;
     34.col-right p{
     35    padding: 0% 28%;
     36    font-size: 16px;
     37    line-height: 23px;
     38    color: black;
    1739}
    18 
    19 .bbaa .bbaa19{
    20     width: 150px;
    21     margin-bottom: 50px;
     40@media only screen and (max-width: 1024px){
     41    .bbaa{
     42        height: 100%;
     43    overflow: scroll;
     44    }
     45    .cs-container{
     46        display: block;
     47    }
     48    body{
     49        overflow:scroll;
     50    }
     51    .col-left, .col-right {
     52        width: 100%;
     53    }
     54    .col-right{
     55        padding: 50px 0px; 
     56    }
     57    .col-right p {
     58        padding: 0% 23%;
     59    }
    2260}
    23 
    24 .bbaa .num_headings {
    25     display: flex;
    26     justify-content: flex-end;
    27     height: auto;
    28     overflow: hidden;
    29     margin-bottom: 5%;
    30     padding-top: 5px;
     61@media only screen and (max-width: 767px){
     62    .col-right {
     63        padding: 10px 0px !important;
     64    }
     65    .col-right p {
     66        padding: 0% 13% !important;
     67    }
     68   
    3169}
    32 
    33 .bbaa .num_headings h2{
    34     color:#0071bc !important;
    35     float:left;
    36     font-size: 60px !important;
    37     margin-bottom:30px !important;
    38 }
    39 .bbaa .num_headings h1 {
    40     color: #0071bc !important;
    41     float: left;
    42     margin: -17px 0px;
    43     font-size: 80px !important;
    44 }
    45 
    46 .confirm_done h3{
    47         margin-top: 10%;
    48 }
    49 
    50 .bbaton-container {
    51     display: flex;
    52     align-content: center;
    53     justify-content: center;
    54     margin-bottom: 40px;
    55 }
    56 
    57 .num_headings {
    58     margin-bottom: 0px !important;
    59 }
    60 
    61 h3.text_details {
    62     margin: 0px !important;
    63     align-self: center;
    64 }
    65 
    66 .bbaton-client-logo img {
    67     margin: 0 auto;
    68 }
    69 
    70 .bbaton_button {
    71     margin-top: 50px;
    72 }
    73 
    74 .text-wrapper{
    75     width: 70%;
    76     padding: 0px 30px;
    77     display: flex;
    78 }
    79 
    80 .text-wrapper img{
    81     width: 130px;
    82     height: 130px;
    83 }
    84 
    85 @media all and (max-width: 890px){
    86     .text-wrapper{
    87         flex-direction: column;
    88         justify-items: center !important;
    89         align-items: center;
    90     }
    91 }
    92 
    93 .cs-container {
    94     max-width: 960px;
    95     margin: auto;
    96     display: block;
    97     overflow: hidden;
    98     background: transparent !important;
    99 }
    100 
    101 .col-left {
    102     float: left;
    103     max-width: 480px;
    104     text-align: left !important;
    105 }
    106 
    107 .col-right {
    108   /*  float: left;*/
    109     max-width: 480px;
    110 }
    111 
    112 .spacer {
    113     padding: 10px;
    114 }
    115 
    116 .text-center {
    117     text-align: center;
    118 }
    119 
    120 .number {
    121     display: inline-block;
    122     font-size: 28px;
    123     border: 2px solid #d12525;
    124     width: 50px;
    125     height: 50px;
    126     line-height: 50px;
    127     border-radius: 100%;
    128     margin-top: 31px;
    129     margin-bottom: 5px;
    130 }
    131 
    132 .content-33 {
    133     width: 33.33%;
    134     float: left;
    135 }
    136 
    137 .button-st {
    138     width: 100%;
    139     padding: 11px 2px 11px 2px;
    140     text-align: center;
    141     border-radius: 5px;
    142     display: inline-block;
    143     margin-bottom: 15px;
    144     font-size: 12px;
    145     text-decoration: none;
    146     position: relative;
    147     border: 1px solid #999;
    148 }
    149 
    150     .button-st:hover {
    151         opacity: 0.9;
    152     }
    153 
    154 .label-text {
    155     font-weight: 700;
    156     font-size: 22px;
    157     position: absolute;
    158     left: 6px;
    159     top: 7px;
    160 }
    161 
    162 .btn1 {
    163     background: #1565C0;
    164     color: white;
    165     padding-left: 10px;
    166 }
    167 
    168 .btn2 {
    169     background: #eeeeee;
    170     color: #111;
    171 }
    172 
    173 .btn3 {
    174     background: #444;
    175     color: white;
    176 }
    177 
    178 @media(min-width:768px) and (max-width:991px) {
    179     .cs-container {
    180         max-width: 478px !important;
    181     }
    182 
    183     .col-left {
    184         max-width: 100% !important;
    185     }
    186 
    187     .col-right {
    188         max-width: 100% !important;
    189     }
    190 }
    191 
    192 
    193 @media(max-width:767px) {
    194     .button-st {
    195         font-size: 9px;
    196     }
    197 
    198     .label-text {
    199         font-size: 18px;
    200         top: 7px;
    201     }
    202 
    203     .cs-container {
    204         margin: 20px;
    205     }
    206 }
    207 
    208 
    209 @media(min-width:768px) {
    210 
    211     .cs-container {
    212         position: absolute;
    213         left: 50%;
    214         top: 50%;
    215         -webkit-transform: translate(-50%, -50%);
    216         transform: translate(-50%, -50%);
    217         width: 100%;
    218         margin-top: 1px !important;
    219     }
    220 }

  • bbaton-anonymous-age-verification/trunk/bbaa_back/bbaa_api_settings.php

    r2579604 r2586837  
    6161<div class="wrap" style="background: #fff;padding: 10px 15px;box-shadow: 1px 1px 3px #ddd, -1px -1px 3px #ddd;">
    6262    <h1><?php echo __('BBaton Anonymous Age Verification'); ?> </h1><hr>
    63     <p>비바톤을 웹사이트에 적용하기 위해서는 클라이언트 가입을 통한 웹사이트 연결이 필요합니다. www.bbaton.com 에서 연결을 신청해주세요.</p>
     63    <p style="font-size: 18px; font-weight: bold;">비바톤을 웹사이트에 적용하기 위해서는 클라이언트 가입을 통한 웹사이트 연결이 필요합니다. www.bbaton.com 에서 연결을 신청해주세요.</p>
    6464    <?php settings_errors(); ?>
    6565
    … …  
    9393
    9494            <tr valign="top">
    95                 <th scope="row"><?php echo __('19세미만 랜딩페이지 (Not adult lending page url)'); ?></th>
     95                <th scope="row"><?php echo __('>19세미만 랜딩페이지 (Landing page URL for under age)
     96)'); ?></th>
    9697                <td>
    9798                    <?php
    … …  
    156157
    157158            <tr valign="top">
    158                 <th scope="row"><?php echo __('성인인증 적용페이지 표시될 로고 (500x500 사용권장, Client Logo)'); ?></th>
     159                <th scope="row"><?php echo __('>성인인증 적용페이지에 표시될 사진 (8:9 권장), Client Logo)'); ?></th>
    159160                <td><input id="background_image" type="text" name="background_image" value="<?php echo get_option('background_image'); ?>" />
    160161                    <input id="upload_image_button" type="button" class="button-primary" value="Insert Logo" />
    … …  
    162163            </tr>
    163164            <tr valign="top">
    164                 <th scope="row"><?php echo __('적용페이지 미리보기 Show Preview', 'Client Logo'); ?></th>
     165                <th scope="row"><?php echo __('>성인인증 적용페이지 미리보기 (Preview)', 'Client Logo'); ?></th>
    165166                <td><input id="bbaa_scroll_to_show" type="checkbox" name="bbaa_scroll_to_show" <?php if(get_option('bbaa_scroll_to_show') == true){ echo "checked='checked'";}?> value="<?php
    166167     if(!empty(get_option('bbaa_scroll_to_show')) && get_option('bbaa_scroll_to_show') == true){echo get_option('bbaa_scroll_to_show');} ?>" />

  • bbaton-anonymous-age-verification/trunk/bbaton-ananoymous-age-verification.php

    r2582402 r2586837  
    33* Plugin Name: 비바톤 익명 성인인증 | BBaton Anonymous Age Verification
    44* Description: Anonymous Age Verification Service for Korean Users
    5 * Version: 2.7
     5* Version: 2.8
    66* Author: BBaton
    77* Author URI: https://www.bbaton.com

  • bbaton-anonymous-age-verification/trunk/login-page.php

    r2579604 r2586837  
    44<link href="<?php echo plugins_url('assets/css/bbaa.css?ver=2.5', __FILE__); ?>" rel="stylesheet">
    55<style>
    6     .col-right{
    7   display: inline-grid;
    8   position: relative !important;
    9   top: 38% !important;
    10   left: 10% !important;
    11     }
    12     html {
    13         min-height: 100%;
    14     }
    15     .inf_det{
    16     font-family: "Nanum Gothic", sans-serif !important;
    17     margin-bottom: 4px !important;
    18 }
    19     body {
    20         padding: 0;
    21         margin: 0;
    22         font-family: "Nanum Gothic", sans-serif;
    23         font-size: 14px !important;
    24         color: black;
    25         overflow: hidden;
    26     }
    27     .bbaa {
    28         min-width: 100% !important;
    29         min-height: 100% !important;
    30         background: url(<?php echo plugins_url('assets/bg-login.jpg', __FILE__); ?>) !important;
    31         background-size: cover !important;
    32         font-family: "Nanum Gothic", sans-serif;
    33         overflow-y: auto;
    34         background-position: right !important;
    35     }
    36     a:hover, a:visited, a:link, a:active {
    37         text-decoration: none;
    38         box-shadow: unset !important;
    39     }
    40     .bbaa h3 {
    41         color: black !important;
    42     }
    43     h1, h2, h3, h4, h5, h6, p {
    44     -ms-word-break: keep-all !important;
    45     word-break: keep-all !important;
    46     }
    47   /*  .img_last_step{
    48         margin: auto !important;
    49     }*/
    50     #bbaton_auth {
    51         padding-top: 100px;
    52     }
    53     .btn-container {text-align:left; padding-bottom:25px;}
    54     .btn-container img{
    55          max-width: 80%;
    56          
    57     }
    58     html body .bbaa .cs-container .col-right { left:15% !important;}
     6    .bbaa {
     7        background: url(<?php echo plugins_url('assets/bg-login.jpg', __FILE__); ?>) !important;
     8    }
     9    .left-bg{
     10        background-image: url("<?php echo get_option('background_image');  ?>");
     11        height: 100vh;
     12        background-size: cover;
     13    }
     14    @media only screen and (max-width: 1024px){
     15        .left-bg{
     16            height: 50vh;
     17        }
     18    }
     19
     20
    5921</style>
    6022<div class="bbaa">
    61      <div class="cs-container">
    62         <div class="col-left">
    63             <div class="spacer">
    64                 <span class="number">19</span>
    65                 <p>
    66                     본 내용은 청소년 유해매체물로서 정보통신망 이용촉진법 및 정보보호 등에 관한 법률 및 청소년 보호법 규정에 의하여 19세 미만의 청소년은 사용할 수 없습니다.
    67                 </p>
    68                 <div class="btn-container">
    69                     <div style="padding: 4px;">
    70                         <a style='display: inline-block;' href='<?php echo get_option('bbaa_exit_url'); ?>'>
    71                             <img src='<?php echo plugins_url('assets/exit_button.png?ver=2.12', __FILE__); ?>'/></a>
    72                     </div>
    73                 </div>
    74             </div>
    75         </div>
    76         <div class="col-right text-center">
    77                             <div  class="btn-container">
    78                     <div style="padding: 4px;">
    79                         <a style='display: block;' id='bbaton_auth' href='#'>
    80                             <img src='<?php echo plugins_url('assets/BBaton_Logo_Login_KR_v2.png?ver=2.12', __FILE__); ?>'/></a>
    81                     </div>
    82                 </div>
    83                 <div  class="btn-container">
    84                     <div style="padding: 4px;">
    85                         <a style='display: block;' id='iamport_auth' href='#'>
    86                             <img src='<?php echo plugins_url('assets/iamport.png?ver=2.12', __FILE__); ?>'/></a>
    87                     </div>
    88                 </div>
    89         </div>
    90     </div>
     23    <div class="cs-container">
     24        <div class="col-left">
     25            <div class="spacer">
     26                <div class="left-bg">
     27                </div>
     28            </div>
     29        </div>
     30        <div class="col-right text-center">
     31            <span class="number">19</span>
     32            <p>
     33                본 내용은 청소년 유해매체물로서 정보통신망 이용촉진법 및 정보보호 등에 관한 법률 및 청소년 보호법 규정에 의하여 19세 미만의 청소년은 사용할 수 없습니다.
     34            </p>
     35            <div  class="btn-container">
     36                <div style="padding: 4px;">
     37                    <a style='display: block;' id='bbaton_auth' href='#'>
     38                        <img src='<?php echo plugins_url('assets/BBaton_Logo_Login_KR_v2.png?ver=2.12', __FILE__); ?>'/></a>
     39                </div>
     40            </div>
     41            <div  class="btn-container">
     42                <div style="padding: 4px;">
     43                    <a style='display: block;' id='iamport_auth' href='#'>
     44                        <img src='<?php echo plugins_url('assets/iamport.png?ver=2.12', __FILE__); ?>'/></a>
     45                </div>
     46            </div>
     47            <div class="btn-container">
     48                <div style="padding: 4px;">
     49                    <a style='display: inline-block;' href='<?php echo get_option('bbaa_exit_url'); ?>'>
     50                        <img src='<?php echo plugins_url('assets/exit_button.png?ver=2.12', __FILE__); ?>'/></a>
     51                </div>
     52            </div>
     53        </div>
     54    </div>
    9155</div>
    9256<script>
    93      jQuery("header").remove();
    94      jQuery("#header-top-bar").remove();
     57    jQuery("header").remove();
     58    jQuery("#header-top-bar").remove();
    9559</script>

  • bbaton-anonymous-age-verification/trunk/readme.txt

    r2582402 r2586837  
    6262= 2.7 =
    6363* Oxygen빌더와 Jenaah빌더 호환 가능
     64
     65= 2.8 =
     66* BackGround Image Feature
Note: See TracChangeset for help on using the changeset viewer.