prasannasp

Wordpress custom login CSS code

Dec 9th, 2011
87
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