You are here

fancy_login.css in Fancy Login 6

div#fancy_login_login_box
{
	display:none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

#fancy_login_close_button
{
	border:1px solid #999;
	color:#FFF;
	background-color:#F00;
	float:right;
	font-size:15px;
	font-weight:bold;
	margin-right:-10px;
	margin-top:3px;
	padding-left:3px;
	padding-right:3px;
}

#fancy_login_close_button:hover
{
	text-decoration:none;
	background-color:#FFF;
	color:#F00;
}

#fancy_login_login_box #edit-name-wrapper
{
	margin-top:0;
	clear:both
}

#fancy_login_ajax_loader
{
	display:none;
}

#ssl_icon
{
	float:right;
	position:relative;
	height:50px;
	width:50px;
}

#ssl_icon:hover #ssl_login_popup
{
	display:block;
}

#ssl_icon img
{
	margin:0;
	padding:0;
}

#ssl_login_popup
{
	height:75px;
	width:100px;
	position:absolute;
	bottom:32px;
	right:-84px;
	display:none;
	background:url(../images/popup.png) no-repeat transparent;
}

#ssl_login_popup p
{
	margin-top:75px;
	height:0;
	line-height:normal;
	overflow:hidden;
}

.ssl_icon_above .form-text
{
	width:100px;
}

#user-login .form-text, #user-pass .form-text
{
	width:100px;
}

File

css/fancy_login.css
View source
  1. div#fancy_login_login_box
  2. {
  3. display:none;
  4. -moz-border-radius: 5px;
  5. -webkit-border-radius: 5px;
  6. -khtml-border-radius: 5px;
  7. }
  8. #fancy_login_close_button
  9. {
  10. border:1px solid #999;
  11. color:#FFF;
  12. background-color:#F00;
  13. float:right;
  14. font-size:15px;
  15. font-weight:bold;
  16. margin-right:-10px;
  17. margin-top:3px;
  18. padding-left:3px;
  19. padding-right:3px;
  20. }
  21. #fancy_login_close_button:hover
  22. {
  23. text-decoration:none;
  24. background-color:#FFF;
  25. color:#F00;
  26. }
  27. #fancy_login_login_box #edit-name-wrapper
  28. {
  29. margin-top:0;
  30. clear:both
  31. }
  32. #fancy_login_ajax_loader
  33. {
  34. display:none;
  35. }
  36. #ssl_icon
  37. {
  38. float:right;
  39. position:relative;
  40. height:50px;
  41. width:50px;
  42. }
  43. #ssl_icon:hover #ssl_login_popup
  44. {
  45. display:block;
  46. }
  47. #ssl_icon img
  48. {
  49. margin:0;
  50. padding:0;
  51. }
  52. #ssl_login_popup
  53. {
  54. height:75px;
  55. width:100px;
  56. position:absolute;
  57. bottom:32px;
  58. right:-84px;
  59. display:none;
  60. background:url(../images/popup.png) no-repeat transparent;
  61. }
  62. #ssl_login_popup p
  63. {
  64. margin-top:75px;
  65. height:0;
  66. line-height:normal;
  67. overflow:hidden;
  68. }
  69. .ssl_icon_above .form-text
  70. {
  71. width:100px;
  72. }
  73. #user-login .form-text, #user-pass .form-text
  74. {
  75. width:100px;
  76. }