SHARE
TWEET

Wordpress custom login CSS code

prasannasp Dec 9th, 2011 75 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*Custom Login*/
  2.  
  3.  
  4. <!-- Custom Login/Register/Password Code @ http://digwp.com/2010/12/login-register-password-code/ -->
  5. <!-- CSS -->
  6.  
  7. <style type="text/css">
  8. /* tabbed list */
  9. ul.tabs_login {
  10.         padding: 0; margin: 20px 0 0 0;
  11.         position: relative;
  12.         list-style: none;
  13.         font-size: 14px;
  14.         z-index: 1000;
  15.         float: left;
  16.         }
  17. ul.tabs_login li {
  18.         border: 1px solid #E7E9F6;
  19.          -webkit-border-top-right-radius: 10px;
  20.          -khtml-border-radius-topright: 10px;  
  21.          -moz-border-radius-topright: 10px;
  22.         border-top-right-radius: 10px;
  23.          -webkit-border-top-left-radius: 10px;
  24.          -khtml-border-radius-topleft: 10px;   
  25.          -moz-border-radius-topleft: 10px;
  26.         border-top-left-radius: 10px;
  27.         line-height: 28px; /* = */ height: 28px;
  28.         padding: 0; margin: 0 5px 0 0;
  29.         position: relative;
  30.         background: #fff;
  31.         overflow: hidden;
  32.         float: left;
  33.         }
  34. ul.tabs_login li a {
  35.         text-decoration: none;
  36.         padding: 0 10px;
  37.         display: block;
  38.         outline: none;
  39.         }
  40. html ul.tabs_login li.active_login {
  41.         border-left: 1px solid #E7E9F6;
  42.         border-bottom: 1px solid #fff;
  43.          -webkit-border-top-right-radius: 10px;
  44.          -khtml-border-radius-topright: 10px;  
  45.          -moz-border-radius-topright: 10px;
  46.         border-top-right-radius: 10px;
  47.          -webkit-border-top-left-radius: 10px;
  48.          -khtml-border-radius-topleft: 10px;   
  49.          -moz-border-radius-topleft: 10px;
  50.         border-top-left-radius: 10px;
  51.         background: #fff;
  52.         color: #333;
  53.         }
  54. html body ul.tabs_login li.active_login a { font-weight: bold; }
  55. .tab_container_login {
  56.         background: #fff;
  57.         position: relative;
  58.         margin: 0 0 20px 0;
  59.         border: 1px solid #E7E9F6;
  60.          -webkit-border-bottom-left-radius: 10px;
  61.          -khtml-border-radius-bottomleft: 10px;
  62.          -moz-border-radius-bottomleft: 10px;
  63.         border-bottom-left-radius: 10px;
  64.          -webkit-border-bottom-right-radius: 10px;
  65.          -khtml-border-radius-bottomright: 10px;       
  66.          -moz-border-radius-bottomright: 10px;
  67.         border-bottom-right-radius: 10px;
  68.          -webkit-border-top-right-radius: 10px;
  69.          -khtml-border-radius-topright: 10px;  
  70.          -moz-border-radius-topright: 10px;
  71.         border-top-right-radius: 10px;
  72.         z-index: 999;
  73.         float: left;
  74.         width: 100%;
  75.         top: -1px;
  76.         }
  77. .tab_content_login {
  78.         padding: 7px 15px 15px 15px;
  79.         padding-top: 10px;
  80.         }
  81.         .tab_content_login ul {
  82.                 padding: 0; margin: 0 0 0 15px;
  83.                 }
  84.                 .tab_content_login li { margin: 5px 0; }
  85. /* global styles */
  86. #login-register-password {}
  87.         #login-register-password h3 {
  88.                 border: 0 none;
  89.                 margin: 10px 0;
  90.                 padding: 0;
  91.                 }
  92.         #login-register-password p {
  93.                 margin: 0 0 15px 0;
  94.                 padding: 0;
  95.                 }
  96. /* form elements */
  97. .wp-user-form {}
  98.         .username, .password, .login_fields {
  99.                 margin: 7px 0 0 0;
  100.                 overflow: hidden;
  101.                 width: 100%;
  102.                 }
  103.                 .username label, .password label { float: left; clear: none; width: 25%; }
  104.                 .username input, .password input {
  105.                         font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  106.                         float: left; clear: none; width: 200px; padding: 2px 3px; color: #777;
  107.                         }
  108. .rememberme { overflow: hidden; width: 100%; margin-bottom: 7px; }
  109. #rememberme { float: left; clear: none; margin: 4px 4px -4px 0; }
  110. .user-submit { padding: 5px 10px; margin: 5px 0; }
  111. .userinfo { float: left; clear: none; width: 75%; margin-bottom: 10px; }
  112.         .userinfo p {
  113.                 margin-left: 10px;
  114.                 }
  115. .usericon { float: left; clear: none; width: 15%; margin: 0 0 10px 22px; }
  116.         .usericon img {
  117.                 border: 1px solid #F4950E;
  118.                 padding: 1px;
  119.                 }
  120.  
  121. <!-- Custom Login/Register/Password Code @ http://digwp.com/2010/12/login-register-password-code/ -->
  122.  
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top