You are here

fancy_login.css in Fancy Login 6.2

#fancy_login_dim_screen
{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:none;
}

#fancy_login_login_box
{
	display:none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    position:fixed;
    top:50%;
    left:50%;
    padding:0 15px;
    width:250px;
}

#fancy_login_user_login_block_wrapper
{
	padding-bottom:10px;
	clear:right;
}

#fancy_login_login_box .form-text
{
	max-width:90%;
}

#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 .form-item-name
{
	margin-top:0;
	clear:both;
}

#fancy_login_login_box .item-list, #fancy_login_login_box .item-list li
{
	list-style: 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;
}

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

#fancy_login_messages_container_wrapper
{
	position:fixed;
	left:0;
	top:0;
	width:96%;
	z-index: 9998;
	left: 2%;
}

.admin-menu #fancy_login_messages_container_wrapper
{
	top:21px;
}

#fancy_login_messages_container_wrapper .fancy_login_messages_container .messages
{
	position:relative;
	margin-top:0;
	padding:10px 32px 10px 40px;
	opacity:0.9;
	border-radius:0 0 3px 3px;
	box-shadow: 3px 3px 5px #888888;
	background-color:#fff789;
	border:solid #b9ad7d 1px;
	color:#564e2b;
	margin: 0 auto 10px;
	font-size: 120%;
	line-height: 1.2em;
	display:block;
	text-align: center;
	z-index:11;
}

#fancy_login_messages_container_wrapper .fancy_login_messages_container ul, #fancy_login_messages_container_wrapper .fancy_login_messages_container li
{
	list-style:none;
}

.fancy_login_message_close_button
{
	height:10px;
	width:10px;
	float:right;
	cursor:pointer;
	margin-left:10px;
	color:#bbb;
	font-size: 100%;
	z-index: 9999;
	position: relative;
	background: #fff;
	height: 20px;
	margin-top: 10px;
	margin-right: 10px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 50%;
}

.fancy_login_message_close_button:hover
{
	color:#000;
	border: 1px solid #000;
}

#form_load_dimmer
{
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

@media (min-width: 720px)
{
	#fancy_login_messages_container_wrapper
	{
		position:fixed;
		left:0;
		top:0;
		width:600px;
		z-index: 9998;
		left: 50%;
		margin-left: -300px;
	}

	#fancy_login_messages_container_wrapper .fancy_login_messages_container .messages
	{
		font-size: 150%;
	}
}

File

css/fancy_login.css
View source
  1. #fancy_login_dim_screen
  2. {
  3. position:fixed;
  4. top:0;
  5. left:0;
  6. height:100%;
  7. width:100%;
  8. display:none;
  9. }
  10. #fancy_login_login_box
  11. {
  12. display:none;
  13. -moz-border-radius: 5px;
  14. -webkit-border-radius: 5px;
  15. -khtml-border-radius: 5px;
  16. border-radius: 5px;
  17. position:fixed;
  18. top:50%;
  19. left:50%;
  20. padding:0 15px;
  21. width:250px;
  22. }
  23. #fancy_login_user_login_block_wrapper
  24. {
  25. padding-bottom:10px;
  26. clear:right;
  27. }
  28. #fancy_login_login_box .form-text
  29. {
  30. max-width:90%;
  31. }
  32. #fancy_login_close_button
  33. {
  34. border:1px solid #999;
  35. color:#FFF;
  36. background-color:#F00;
  37. float:right;
  38. font-size:15px;
  39. font-weight:bold;
  40. margin-right:-10px;
  41. margin-top:3px;
  42. padding-left:3px;
  43. padding-right:3px;
  44. }
  45. #fancy_login_close_button:hover
  46. {
  47. text-decoration:none;
  48. background-color:#FFF;
  49. color:#F00;
  50. }
  51. #fancy_login_login_box .form-item-name
  52. {
  53. margin-top:0;
  54. clear:both;
  55. }
  56. #fancy_login_login_box .item-list, #fancy_login_login_box .item-list li
  57. {
  58. list-style: none;
  59. }
  60. #ssl_icon
  61. {
  62. float:right;
  63. position:relative;
  64. height:50px;
  65. width:50px;
  66. }
  67. #ssl_icon:hover #ssl_login_popup
  68. {
  69. display:block;
  70. }
  71. #ssl_icon img
  72. {
  73. margin:0;
  74. padding:0;
  75. }
  76. #ssl_login_popup
  77. {
  78. height:75px;
  79. width:100px;
  80. position:absolute;
  81. bottom:32px;
  82. right:-84px;
  83. display:none;
  84. background:url(../images/popup.png) no-repeat transparent;
  85. }
  86. #ssl_login_popup p
  87. {
  88. margin-top:75px;
  89. height:0;
  90. line-height:normal;
  91. overflow:hidden;
  92. }
  93. #fancy_login_login_box .ssl_icon_above .form-text
  94. {
  95. width:100px;
  96. }
  97. #fancy_login_messages_container_wrapper
  98. {
  99. position:fixed;
  100. left:0;
  101. top:0;
  102. width:96%;
  103. z-index: 9998;
  104. left: 2%;
  105. }
  106. .admin-menu #fancy_login_messages_container_wrapper
  107. {
  108. top:21px;
  109. }
  110. #fancy_login_messages_container_wrapper .fancy_login_messages_container .messages
  111. {
  112. position:relative;
  113. margin-top:0;
  114. padding:10px 32px 10px 40px;
  115. opacity:0.9;
  116. border-radius:0 0 3px 3px;
  117. box-shadow: 3px 3px 5px #888888;
  118. background-color:#fff789;
  119. border:solid #b9ad7d 1px;
  120. color:#564e2b;
  121. margin: 0 auto 10px;
  122. font-size: 120%;
  123. line-height: 1.2em;
  124. display:block;
  125. text-align: center;
  126. z-index:11;
  127. }
  128. #fancy_login_messages_container_wrapper .fancy_login_messages_container ul, #fancy_login_messages_container_wrapper .fancy_login_messages_container li
  129. {
  130. list-style:none;
  131. }
  132. .fancy_login_message_close_button
  133. {
  134. height:10px;
  135. width:10px;
  136. float:right;
  137. cursor:pointer;
  138. margin-left:10px;
  139. color:#bbb;
  140. font-size: 100%;
  141. z-index: 9999;
  142. position: relative;
  143. background: #fff;
  144. height: 20px;
  145. margin-top: 10px;
  146. margin-right: 10px;
  147. width: 20px;
  148. line-height: 20px;
  149. text-align: center;
  150. border: 1px solid #bbb;
  151. border-radius: 50%;
  152. }
  153. .fancy_login_message_close_button:hover
  154. {
  155. color:#000;
  156. border: 1px solid #000;
  157. }
  158. #form_load_dimmer
  159. {
  160. background:#000 url(../images/ajax-loader.gif) no-repeat center center;
  161. height:100%;
  162. width:100%;
  163. position:absolute;
  164. top:0;
  165. left:0;
  166. display:none;
  167. }
  168. @media (min-width: 720px)
  169. {
  170. #fancy_login_messages_container_wrapper
  171. {
  172. position:fixed;
  173. left:0;
  174. top:0;
  175. width:600px;
  176. z-index: 9998;
  177. left: 50%;
  178. margin-left: -300px;
  179. }
  180. #fancy_login_messages_container_wrapper .fancy_login_messages_container .messages
  181. {
  182. font-size: 150%;
  183. }
  184. }