WordPress.org
Get WordPress

Plugin Directory

Changeset 1327750


Ignore:
Timestamp:
01/13/2016 07:40:16 PM (10 years ago)
Author:
Raulanton
Message:

20160113 v0.2 Commit

Location:
embedded-login-form/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • embedded-login-form/trunk/css/embedded-login-form-style.css

    r1320721 r1327750  
    303303#antonelf-register-div{
    304304    overflow:hidden;
    305     border: solid #0A0A64;
     305    //border: solid #0A0A64;
    306306    border-radius: 4px;
    307307    border-width: 0 1px 1px 0;
    308308    margin:auto;
    309309    background: rgb(252,252,252);   
     310   border: 1px solid white;
     311   box-shadow: 3px 3px 5px rgb(251,131,37);
    310312}
    311313
    … …  
    320322#antonelf-login-register-fork{
    321323    display: table;
    322     width: 25em;
     324    width: 28em;
    323325    padding: 0.5em 1.5em;   
    324     font-size: 18px;
    325     font-size: 1.125em;
     326    font-size: 16px;
     327    font-size: 1em;
    326328}
    327329
    … …  
    336338    text-align:center; 
    337339    opacity:0.7;
     340    font-size: 18px;
     341    font-size: 1.125em;
    338342}
    339343
    … …  
    375379}
    376380
     381@keyframes anim2{
     382from {opacity: 0.3; max-height: 64px; }
     383to {opacity: 1; max-height: 200px; }
     384}
     385
     386.appear{
     387    -webkit-animation: anim2 1s forwards;
     388    animation: anim2 1s forwards;
     389}
     390
     391
    377392/*--------------------------------------------------------------
    378393# Login: messages
    … …  
    418433    line-height: 1.26em;
    419434}
     435
     436
     437/*--------------------------------------------------------------
     438# input form tricks
     439--------------------------------------------------------------*/
     440
     441form .antonelf-form-row {
     442  margin-bottom: 1rem;
     443  position: relative;
     444}
     445form .antonelf-form-row:last-child {
     446  margin-bottom: 0;
     447}
     448form .antonelf-form-row input[type="text"],
     449form .antonelf-form-row input[type="password"]  {
     450  box-sizing: border-box;
     451  width: 100%;
     452  //padding: 10px;
     453  //border: 1px solid #ddd;
     454  border-radius: 4px;
     455  -webkit-transition: all 0.5s ease-in-out;
     456  transition: all 0.5s ease-in-out;
     457  outline: 0;
     458}
     459form .antonelf-form-row input[type="text"] + label[data-placeholder],
     460form .antonelf-form-row input[type="password"] + label[data-placeholder] {
     461  pointer-events: none;
     462}
     463form .antonelf-form-row input[type="text"] + label[data-placeholder]:after,
     464form .antonelf-form-row input[type="password"] + label[data-placeholder]:after {
     465  content: attr(data-placeholder);
     466  display: block;
     467  position: absolute;
     468  top: 50%;
     469  left: 0.5rem;
     470  -webkit-transform: translate(0%, -50%);
     471          transform: translate(0%, -50%);
     472  -webkit-transition: all 0.5s ease-in-out;
     473  transition: all 0.5s ease-in-out;
     474  padding: 0 0.25rem;
     475  background-color: rgba(255, 255, 255, 0);
     476}
     477form .antonelf-form-row input[type="text"]:focus,
     478form .antonelf-form-row input[type="text"]:valid,
     479form .antonelf-form-row input[type="password"]:focus,
     480form .antonelf-form-row input[type="password"]:valid {
     481  border: 1px solid #7C8AFD;
     482}
     483form .antonelf-form-row input[type="text"]:focus + label[data-placeholder]:after,
     484form .antonelf-form-row input[type="text"]:valid + label[data-placeholder]:after,
     485form .antonelf-form-row input[type="password"]:focus + label[data-placeholder]:after,
     486form .antonelf-form-row input[type="password"]:valid + label[data-placeholder]:after{
     487  -webkit-transform: translate(-0.8em, -2em) scale(0.8);
     488          transform: translate(-0.8em, -2em) scale(0.8);
     489  color: #7C8AFD;
     490  background-color: white;
     491}

  • embedded-login-form/trunk/embedded-login-form.php

    r1320721 r1327750  
    1 <?php
     1<?php
    22
    33/*
    … …  
    55Plugin URI: https://wordpress.org/plugins/
    66Description: This plugin shows a complete login/register form and a author info form and allows to customize where to show them (for instance embedded in front page and author page respectively).
    7 Version: 0.1
     7Version: 0.2
    88Author: Raúl Antón Cuadrado
    99Author URI: http://about.me/raulanton

  • embedded-login-form/trunk/includes/template-login-form.php

    r1320721 r1327750  
    2121        </div>
    2222        <div id="antonelf-register-fork">
    23             <?php _e( 'Join ','embedded-login-form');
    24             echo bloginfo('name');?>
     23            <?php _e( 'Join ','embedded-login-form');?>
    2524        </div>
    2625    </div>
    … …  
    3231            <p class="antonelf-register-failed-msg"> </p>
    3332            <div class="antonelf-login-form">
    34                 <p class="antonelf-login-label"> <?php _e( 'Login Name:','embedded-login-form'); ?> &nbsp; <input class="input" id="user_login" name="user_login" size="20" type="text"></p>
    35                 <p class="antonelf-login-label"><?php _e( 'e-Mail:','embedded-login-form'); ?> &nbsp;  <input class="input" id="user_email" name="user_email" size="20" type="text"></p>
     33               <div class="antonelf-form-row antonelf-login-label">
     34                    <input class="input" id="user_login" name="user_login" size="20" type="text" required>
     35                    <label alt="Label Text" data-placeholder="<?php _e( 'Login Name:','embedded-login-form'); ?>"></label>
     36               </div>
     37       
     38               <div class="antonelf-form-row antonelf-login-label">
     39                    <input class="input" id="user_email" name="user_email" size="20" type="text" required>
     40                    <label alt="Label Text" data-placeholder="<?php _e( 'e-Mail:','embedded-login-form'); ?>"></label>
     41               </div>
     42
     43
     44
    3645                <p class="antonelf-register-comment">
    3746                    <input id="antonelf-agreeTOS" name="agree" value="1" type="checkbox">
    3847                    <?php _e( 'I\'ve read and agree ','embedded-login-form'); 
    39                           echo bloginfo('name');
     48                         
    4049                      $TOS_link_name = 'antonelf_TOS_link'; 
    4150                      $TOS_link = get_option ( $TOS_link_name );
    … …  
    6877            <p class="antonelf-login-failed-msg"></p>
    6978            <div class="antonelf-login-form">
    70                 <p class="antonelf-login-label"><?php _e( 'Login Name:','embedded-login-form'); ?>  &nbsp; <input class="input" id="user_login" name="log" size="20" type="text"></p>
    71                 <p class="antonelf-login-label" style="display:inline;"><?php _e( 'Password:','embedded-login-form'); ?>  &nbsp;  <input class="input" id="user_pass" name="pwd" size="20" value="" type="password"></p>
     79
     80               <div class="antonelf-form-row antonelf-login-label">
     81                    <input class="input" id="user_login" name="log" size="20" type="text" required>
     82                    <label alt="Label Text" data-placeholder="<?php _e( 'Login Name:','embedded-login-form'); ?>"></label>
     83               </div>
     84
     85               <div class="antonelf-form-row antonelf-login-label">
     86                    <input class="input" id="user_pass" name="pwd" size="20" value="" type="password" required>
     87                    <label alt="Label Text" data-placeholder="<?php _e( 'Password:','embedded-login-form'); ?>"></label>
     88               </div>
     89
     90
    7291
    7392                <div class="antonelf-author-button">

  • embedded-login-form/trunk/js/embedded-login-form.js

    r1320721 r1327750  
    88jQuery('#antonelf-login-fork').click(function() {
    99    jQuery('#antonelf-login-register-fork').css('display','none');
    10     jQuery('#antonelf-login-div').css('display','table');
     10    jQuery('#antonelf-login-div').css('display','block');
     11    jQuery('#antonelf-login-div').addClass('appear');
    1112    jQuery('#antonelf-register-div').css('display','none');
    1213});
     14
    1315
    1416jQuery('#antonelf-register-fork').click(function() {
    1517    jQuery('#antonelf-login-register-fork').css('display','none');
    1618    jQuery('#antonelf-login-div').css('display','none');
    17     jQuery('#antonelf-register-div').css('display','table');
     19    jQuery('#antonelf-register-div').css('display','block');
     20    jQuery('#antonelf-register-div').addClass('appear');
    1821});
    1922

  • embedded-login-form/trunk/readme.txt

    r1320726 r1327750  
    55Requires at least: 4.1.5
    66Tested up to: 4.1.5
    7 Stable tag: 0.1
     7Stable tag: 0.2
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    6464== Changelog ==
    6565
     66= 0.2 =
     67* Bugs fixed, javascript & css effects to smoothly open forms.
     68
    6669= 0.1 =
    6770* First version
Note: See TracChangeset for help on using the changeset viewer.