You are here

fancy_login.css in Fancy Login 7.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;
}

#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;
}

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