API tools faq
paste
Guest User

Untitled

a guest
Mar 4th, 2017
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4. <title>{hotelname} &bull; Register!</title>
  5. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
  6. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  7. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  8. <link rel="stylesheet" type="text/css" media="screen" href="template/style/base.css">
  9. <link rel="stylesheet" type="text/css" media="screen" href="template/style/base.css">
  10. <link type="text/css" rel="stylesheet" href="https://pure.pw/revsion/css/animate.css" media="screen" title="dynamicLoadedSheet">
  11.  
  12.  
  13. <!--[if IE 6]><META http-equiv="refresh" content="1; URL=indexIE"><![endif]-->
  14. <!--[if IE 7]><META http-equiv="refresh" content="1; URL=indexIE"><![endif]-->
  15. <!--[if IE 8]><META http-equiv="refresh" content="1; URL=indexIE"><![endif]-->
  16.  
  17. <div id="fb-root"></div>
  18. <script src="http://playlunar.ga/app.tpl/skins/{skin}/css/v3_landing_top2.js" type="text/javascript"></script>
  19.  
  20. <style>
  21. body {
  22. color:#333;
  23. /*background-image:url('http://playlunar.ga/app/tpl/skins/{skin}/images/img/bgni.png');
  24. background-position: center bottom;
  25. background-repeat: no-repeat;
  26. background-attachment:fixed;
  27. background-size:1599px 1200px;*/
  28. padding:0;
  29. margin:0;
  30. }
  31. }
  32. .loginForm {
  33. background-color: rgba(0,0,0,.70);
  34. width: 385px;
  35. position: absolute;
  36. margin-top: 650px;
  37. border-radius: 3px;
  38. color: #fff;
  39. display: inline-block;
  40. }
  41. #logo {
  42. margin:10px;
  43. }
  44. #header {
  45. background:rgba(0,0,0,.8);
  46. width:100%;
  47. position:fixed;
  48. z-index:4999;
  49. border-bottom: 1px solid #5eb4c9;
  50. text-align:center;
  51. font-family: 'Open Sans', sans-serif;
  52. }
  53. #footer {
  54. background:rgba(0,0,0,.8);
  55. width:100%;
  56. position:fixed;
  57. z-index:4998;
  58. border-top: 1px solid #5eb4c9;
  59. text-align:center;
  60. bottom:0;
  61. font-family: 'Open Sans', sans-serif;
  62. color: #425c73;
  63. font-size:11px;
  64. letter-spacing:0!important;
  65. font-weight: 400;
  66. }
  67. #footer a {
  68. color:#425c73;
  69. text-decoration:underline;
  70. }
  71. #footer a:hover {
  72. color:#567ea1;
  73. }
  74. #central {
  75. background-color: rgba(0,0,0,.70);
  76. font-family: 'Open Sans', sans-serif;
  77. width: 385px;
  78. position: absolute;
  79. border-radius: 3px;
  80. color: #fff;
  81. display: inline-block;
  82. font-size:14px;
  83. position:absolute;
  84. width:385px;
  85. left:50%;
  86. margin-left:-190px;
  87. border:1px solid #d7d7d7;
  88. border-bottom:2px solid #d7d7d7;
  89. border-radius:3px;
  90. -moz-border-radius:3px;
  91. -webkit-border-radius:3px;
  92. top:37%;
  93. -webkit-transition: all 0.4s ease;
  94. -moz-transition: all 0.4s ease;
  95. -o-transition: all 0.4s ease;
  96. -ms-transition: all 0.4s ease;
  97. transition: all 0.4s ease;
  98. z-index:5000;
  99. opacity:0;
  100.  
  101. }
  102. .aUser {
  103. -webkit-transition: all 0.2s ease;
  104. -moz-transition: all 0.2s ease;
  105. -o-transition: all 0.2s ease;
  106. -ms-transition: all 0.2s ease;
  107. transition: all 0.2s ease;
  108. padding:8px;
  109. cursor:pointer;
  110. }
  111. .aUser:hover {
  112. background:#fff;
  113. -webkit-transition: all 0.4s ease;
  114. -moz-transition: all 0.4s ease;
  115. -o-transition: all 0.4s ease;
  116. -ms-transition: all 0.4s ease;
  117. transition: all 0.4s ease;
  118. }
  119. .round {
  120. width:65px;
  121. height:65px;
  122. border-radius:50px;
  123. border:4px solid #fff;
  124. -moz-box-shadow: 0px 0px 1px 1px #bbbbbb;
  125. -webkit-box-shadow: 0px 0px 1px 1px #bbbbbb;
  126. box-shadow: 0px 0px 0px 1px #bbbbbb;
  127. float:left;
  128. }
  129. .line {
  130. border-top:1px solid #ccc;
  131. margin-left:10px;
  132. margin-right:10px;
  133. }
  134. .pat1 {
  135. background: #c40000; /* Old browsers */
  136. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  137. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  138. background: -moz-linear-gradient(top, #c40000 0%, #ad0000 100%); /* FF3.6+ */
  139. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40000), color-stop(100%,#ad0000)); /* Chrome,Safari4+ */
  140. background: -webkit-linear-gradient(top, #c40000 0%,#ad0000 100%); /* Chrome10+,Safari5.1+ */
  141. background: -o-linear-gradient(top, #c40000 0%,#ad0000 100%); /* Opera 11.10+ */
  142. background: -ms-linear-gradient(top, #c40000 0%,#ad0000 100%); /* IE10+ */
  143. background: linear-gradient(to bottom, #c40000 0%,#ad0000 100%); /* W3C */
  144. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40000', endColorstr='#ad0000',GradientType=0 ); /* IE6-8 */
  145. }
  146. .blue {
  147. background: #33579b; /* Old browsers */
  148. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  149. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNTc5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTQ0OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  150. background: -moz-linear-gradient(top, #33579b 0%, #15449b 100%); /* FF3.6+ */
  151. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33579b), color-stop(100%,#15449b)); /* Chrome,Safari4+ */
  152. background: -webkit-linear-gradient(top, #33579b 0%,#15449b 100%); /* Chrome10+,Safari5.1+ */
  153. background: -o-linear-gradient(top, #33579b 0%,#15449b 100%); /* Opera 11.10+ */
  154. background: -ms-linear-gradient(top, #33579b 0%,#15449b 100%); /* IE10+ */
  155. background: linear-gradient(to bottom, #33579b 0%,#15449b 100%); /* W3C */
  156. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33579b', endColorstr='#15449b',GradientType=0 ); /* IE6-8 */
  157. }
  158. .grey {
  159. background: #4c5054; /* Old browsers */
  160. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  161. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNTA1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  162. background: -moz-linear-gradient(top, #4c5054 0%, #28343b 100%); /* FF3.6+ */
  163. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5054), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
  164. background: -webkit-linear-gradient(top, #4c5054 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
  165. background: -o-linear-gradient(top, #4c5054 0%,#28343b 100%); /* Opera 11.10+ */
  166. background: -ms-linear-gradient(top, #4c5054 0%,#28343b 100%); /* IE10+ */
  167. background: linear-gradient(to bottom, #4c5054 0%,#28343b 100%); /* W3C */
  168. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5054', endColorstr='#28343b',GradientType=0 ); /* IE6-8 */
  169. }
  170. .pat3 {
  171. background: #ffaf4b; /* Old browsers */
  172. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  173. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWY0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjkyMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  174. background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
  175. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
  176. background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
  177. background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
  178. background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
  179. background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C */
  180. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-8 */
  181. }
  182.  
  183. .pat2 {
  184. background: #9dd53a; /* Old browsers */
  185. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  186. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  187. background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* FF3.6+ */
  188. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
  189. background: -webkit-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
  190. background: -o-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* Opera 11.10+ */
  191. background: -ms-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* IE10+ */
  192. background: linear-gradient(to bottom, #9dd53a 0%,#7cbc0a 100%); /* W3C */
  193. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */
  194. }
  195. .pat4 {
  196. background: #ff5db1; /* Old browsers */
  197. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  198. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjAxN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  199. background: -moz-linear-gradient(top, #ff5db1 0%, #ef017c 100%); /* FF3.6+ */
  200. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5db1), color-stop(100%,#ef017c)); /* Chrome,Safari4+ */
  201. background: -webkit-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* Chrome10+,Safari5.1+ */
  202. background: -o-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* Opera 11.10+ */
  203. background: -ms-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* IE10+ */
  204. background: linear-gradient(to bottom, #ff5db1 0%,#ef017c 100%); /* W3C */
  205. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */
  206. }
  207. .username {
  208. float:left;
  209. margin-left:25px;
  210. }
  211. .clear {
  212. clear:both;
  213. }
  214. .username .u {
  215. font-family: 'Open Sans', sans-serif;
  216. text-transform:uppercase;
  217. font-weight:300;
  218. font-size:19px;
  219. margin-bottom:3px;
  220. margin-top:12px;
  221. }
  222. .username .d {
  223. color:#444444;
  224. }
  225. .bT {
  226. background:rgba(0,0,0,.8)!important;
  227. color:#fff!important;
  228. width:320px!important;
  229. margin-left:-160px!important;
  230. -webkit-transition: all 0.4s ease;
  231. -moz-transition: all 0.4s ease;
  232. -o-transition: all 0.4s ease;
  233. -ms-transition: all 0.4s ease;
  234. transition: all 0.4s ease;
  235. border-color:#fff;
  236. }
  237. .bT .aUser:hover {
  238. background:rgba(0,0,0,.8)!important;
  239. cursor:default;
  240. }
  241. .bT .username,.bT .round {
  242. float:inherit!important;
  243. }
  244. .avatarImg {
  245. height:65px;
  246. border-radius:50px;
  247. background-repeat: no-repeat!important;
  248. }
  249. .bT .round {
  250. margin-left:auto;
  251. margin-right:auto;
  252. width:100px;
  253. height:100px;
  254. -webkit-transition: all 0.4s ease;
  255. -moz-transition: all 0.4s ease;
  256. -o-transition: all 0.4s ease;
  257. -ms-transition: all 0.4s ease;
  258. transition: all 0.4s ease;
  259. }
  260.  
  261. .bT .username {
  262. text-align:center;
  263. margin-left:0;
  264. }
  265. .avatarr {
  266. height:100px!important;
  267. -webkit-transition: all 0.4s ease;
  268. -moz-transition: all 0.4s ease;
  269. -o-transition: all 0.4s ease;
  270. -ms-transition: all 0.4s ease;
  271. transition: all 0.4s ease;
  272. }
  273. .form {
  274. display:none;
  275. text-align:center;
  276. margin-top:10px;
  277. margin-bottom:2px;
  278. }
  279. input[type=text], input[type=password] {
  280. background:#fff;
  281. border:0;
  282. padding:7px;
  283. font-size:13px;
  284. outline:none;
  285. -webkit-transition: all 0.2s ease;
  286. -moz-transition: all 0.2s ease;
  287. -o-transition: all 0.2s ease;
  288. -ms-transition: all 0.2s ease;
  289. transition: all 0.2s ease;
  290. border-radius:3px;
  291. -moz-border-radius:3px;
  292. width:200px;
  293. }
  294. input[type=text]:focus, input[type=password]:focus {
  295. background:#ffffc6;
  296. -webkit-transition: all 0.4s ease;
  297. -moz-transition: all 0.4s ease;
  298. -o-transition: all 0.4s ease;
  299. -ms-transition: all 0.4s ease;
  300. transition: all 0.4s ease;
  301. }
  302. #return {
  303. display:none;
  304. padding:10px;
  305. cursor:pointer;
  306. -webkit-transition: all 0.2s ease;
  307. -moz-transition: all 0.2s ease;
  308. -o-transition: all 0.2s ease;
  309. -ms-transition: all 0.2s ease;
  310. transition: all 0.2s ease;
  311. }
  312. #return:hover {
  313. opacity:0.8;
  314. -webkit-transition: all 0.4s ease;
  315. -moz-transition: all 0.4s ease;
  316. -o-transition: all 0.4s ease;
  317. -ms-transition: all 0.4s ease;
  318. transition: all 0.4s ease;
  319. }
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326. /* BACKGROUND */
  327. #night {
  328. background:url(http://playlunar.ga/app.tpl/skins/{skin}/images/img/bgnight.png);
  329. position:fixed;
  330. z-index:500;
  331. height:100%;
  332. width:100%;
  333. z-index:300;
  334. }
  335. #light {
  336. background:url(http://playlunar.ga/app.tpl/skins/{skin}/images/img/bgsun.png);
  337. position:fixed;
  338. z-index:400;
  339. height:100%;
  340. width:100%;
  341. z-index:200;
  342. }
  343. #star1 {
  344. background:url(http://playlunar.ga/app.tpl/skins/{skin}/images/img/star1.png);
  345. height:100%;
  346. width:100%;
  347. position:fixed;
  348. z-index:500;
  349. }
  350. #star2 {
  351. background:url(http://playlunar.ga/app.tpl/skins/{skin}/images/img/star2.png);
  352. height:100%;
  353. width:100%;
  354. position:fixed;
  355. z-index:500;
  356. display:none;
  357. }
  358. #bottomRight {
  359. background:url(http://playlunar.ga/app.tpl/skins/{skin}/images/img/vueBlack.png);
  360. position:fixed;
  361. height:780px;
  362. width:1360px;
  363. bottom:0;
  364. left:0;
  365. z-index:1000;
  366. opacity:0.9;
  367. }
  368. #bottomRightClear {
  369. background:url(http://playlunar.ga/app/tpl/skins/{skin}/images/img/Theo.png);
  370. position:fixed;
  371. height:780px;
  372. width:1360px;
  373. bottom:0;
  374. left:0;
  375. z-index:950;
  376. }
  377. #sun {
  378. background:url(http://playlunar.ga/app.tpl/skins/{skin}/images/img/sun3.png);
  379. height:634px;
  380. width:610px;
  381. position:fixed;
  382. z-index:1100;
  383. right:-600px;
  384. bottom:-700px;
  385. }
  386. #anhabbo1 {
  387. position:fixed;
  388. z-index:2000;
  389. bottom:2000px;
  390. left:290px;
  391. }
  392. #leftDoor {
  393. width:50%;
  394. height:280px;
  395. margin-top:-150px;
  396. position:fixed;
  397. top:50%;
  398. z-index:3000;
  399. background:rgba(0,0,0,.8);
  400. border-top: 1px solid #5eb4c9;
  401. border-bottom: 1px solid #5eb4c9;
  402. left:-50%;
  403. text-align:right;
  404. }
  405. #rightDoor {
  406. width:50%;
  407. height:280px;
  408. margin-top:-150px;
  409. position:fixed;
  410. top:50%;
  411. z-index:2900;
  412. background:rgba(0,0,0,.8);
  413. border-top: 1px solid #5eb4c9;
  414. border-bottom: 1px solid #5eb4c9;
  415. right:-50%;
  416. }
  417.  
  418.  
  419.  
  420. a,
  421. a:after,
  422. a::before,
  423. nav,
  424. nav:after,
  425. nav::before,
  426. a span,
  427. a span:after,
  428. a span::before {
  429. -webkit-box-sizing: border-box;
  430. -moz-box-sizing: border-box;
  431. box-sizing: border-box;
  432. }
  433.  
  434.  
  435.  
  436. nav a {
  437. position: relative;
  438. display: inline-block;
  439. margin: 10px 5px;
  440. outline: none;
  441. color: #fff;
  442. text-decoration: none;
  443. text-transform: uppercase;
  444. letter-spacing: 1px;
  445. font-weight: 400;
  446. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  447. font-size: 1.35em;
  448. }
  449.  
  450. nav a:hover,
  451. nav a:focus {
  452. outline: none;
  453. }
  454.  
  455. /* Effect 1: Brackets */
  456. .cl-effect-1 a::before,
  457. .cl-effect-1 a::after {
  458. display: inline-block;
  459. opacity: 0;
  460. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  461. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  462. transition: transform 0.3s, opacity 0.2s;
  463. }
  464.  
  465. .cl-effect-1 a::before {
  466. margin-right: 10px;
  467. content: '[';
  468. -webkit-transform: translateX(20px);
  469. -moz-transform: translateX(20px);
  470. transform: translateX(20px);
  471. }
  472.  
  473. .cl-effect-1 a::after {
  474. margin-left: 10px;
  475. content: ']';
  476. -webkit-transform: translateX(-20px);
  477. -moz-transform: translateX(-20px);
  478. transform: translateX(-20px);
  479. }
  480.  
  481. .cl-effect-1 a:hover::before,
  482. .cl-effect-1 a:hover::after,
  483. .cl-effect-1 a:focus::before,
  484. .cl-effect-1 a:focus::after {
  485. opacity: 1;
  486. -webkit-transform: translateX(0px);
  487. -moz-transform: translateX(0px);
  488. transform: translateX(0px);
  489. }
  490.  
  491. /* Effect 2: 3D rolling links, idea from https://hakim.se/thoughts/rolling-links */
  492. .cl-effect-2 a {
  493. line-height: 44px;
  494. -webkit-perspective: 1000px;
  495. -moz-perspective: 1000px;
  496. perspective: 1000px;
  497. }
  498.  
  499. .cl-effect-2 a span {
  500. position: relative;
  501. display: inline-block;
  502. padding: 0 14px;
  503. background: #2195de;
  504. -webkit-transition: -webkit-transform 0.3s;
  505. -moz-transition: -moz-transform 0.3s;
  506. transition: transform 0.3s;
  507. -webkit-transform-origin: 50% 0;
  508. -moz-transform-origin: 50% 0;
  509. transform-origin: 50% 0;
  510. -webkit-transform-style: preserve-3d;
  511. -moz-transform-style: preserve-3d;
  512. transform-style: preserve-3d;
  513. }
  514.  
  515. .csstransforms3d .cl-effect-2 a span::before {
  516. position: absolute;
  517. top: 100%;
  518. left: 0;
  519. width: 100%;
  520. height: 100%;
  521. background: #0965a0;
  522. content: attr(data-hover);
  523. -webkit-transition: background 0.3s;
  524. -moz-transition: background 0.3s;
  525. transition: background 0.3s;
  526. -webkit-transform: rotateX(-90deg);
  527. -moz-transform: rotateX(-90deg);
  528. transform: rotateX(-90deg);
  529. -webkit-transform-origin: 50% 0;
  530. -moz-transform-origin: 50% 0;
  531. transform-origin: 50% 0;
  532. }
  533.  
  534. .cl-effect-2 a:hover span,
  535. .cl-effect-2 a:focus span {
  536. -webkit-transform: rotateX(90deg) translateY(-22px);
  537. -moz-transform: rotateX(90deg) translateY(-22px);
  538. transform: rotateX(90deg) translateY(-22px);
  539. }
  540.  
  541. .csstransforms3d .cl-effect-2 a:hover span::before,
  542. .csstransforms3d .cl-effect-2 a:focus span::before {
  543. background: #28a2ee;
  544. }
  545.  
  546. /* Effect 3: bottom line slides/fades in */
  547. .cl-effect-3 a {
  548. padding: 8px 0;
  549. }
  550.  
  551. .cl-effect-3 a::after {
  552. position: absolute;
  553. top: 100%;
  554. left: 0;
  555. width: 100%;
  556. height: 4px;
  557. background: rgba(0,0,0,0.1);
  558. content: '';
  559. opacity: 0;
  560. -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  561. -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  562. transition: opacity 0.3s, transform 0.3s;
  563. -webkit-transform: translateY(10px);
  564. -moz-transform: translateY(10px);
  565. transform: translateY(10px);
  566. }
  567.  
  568. .cl-effect-3 a:hover::after,
  569. .cl-effect-3 a:focus::after {
  570. opacity: 1;
  571. -webkit-transform: translateY(0px);
  572. -moz-transform: translateY(0px);
  573. transform: translateY(0px);
  574. }
  575.  
  576. /* Effect 4: bottom border enlarge */
  577. .cl-effect-4 a {
  578. padding: 0 0 10px;
  579. }
  580.  
  581. .cl-effect-4 a::after {
  582. position: absolute;
  583. top: 100%;
  584. left: 0;
  585. width: 100%;
  586. height: 1px;
  587. background: #fff;
  588. content: '';
  589. opacity: 0;
  590. -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  591. -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  592. transition: height 0.3s, opacity 0.3s, transform 0.3s;
  593. -webkit-transform: translateY(-10px);
  594. -moz-transform: translateY(-10px);
  595. transform: translateY(-10px);
  596. }
  597.  
  598. .cl-effect-4 a:hover::after,
  599. .cl-effect-4 a:focus::after {
  600. height: 5px;
  601. opacity: 1;
  602. -webkit-transform: translateY(0px);
  603. -moz-transform: translateY(0px);
  604. transform: translateY(0px);
  605. }
  606.  
  607. /* Effect 5: same word slide in */
  608. .cl-effect-5 a {
  609. overflow: hidden;
  610. padding: 0 4px;
  611. height: 1em;
  612. }
  613.  
  614. .cl-effect-5 a span {
  615. position: relative;
  616. display: inline-block;
  617. -webkit-transition: -webkit-transform 0.3s;
  618. -moz-transition: -moz-transform 0.3s;
  619. transition: transform 0.3s;
  620. }
  621.  
  622. .cl-effect-5 a span::before {
  623. position: absolute;
  624. top: 100%;
  625. content: attr(data-hover);
  626. font-weight: 700;
  627. -webkit-transform: translate3d(0,0,0);
  628. -moz-transform: translate3d(0,0,0);
  629. transform: translate3d(0,0,0);
  630. }
  631.  
  632. .cl-effect-5 a:hover span,
  633. .cl-effect-5 a:focus span {
  634. -webkit-transform: translateY(-100%);
  635. -moz-transform: translateY(-100%);
  636. transform: translateY(-100%);
  637. }
  638.  
  639. /* Effect 5: same word slide in and border bottom */
  640. .cl-effect-6 a {
  641. margin: 0 10px;
  642. padding: 10px 20px;
  643. }
  644.  
  645. .cl-effect-6 a::before {
  646. position: absolute;
  647. top: 0;
  648. left: 0;
  649. width: 100%;
  650. height: 2px;
  651. background: #fff;
  652. content: '';
  653. -webkit-transition: top 0.3s;
  654. -moz-transition: top 0.3s;
  655. transition: top 0.3s;
  656. }
  657.  
  658. .cl-effect-6 a::after {
  659. position: absolute;
  660. top: 0;
  661. left: 0;
  662. width: 2px;
  663. height: 2px;
  664. background: #fff;
  665. content: '';
  666. -webkit-transition: height 0.3s;
  667. -moz-transition: height 0.3s;
  668. transition: height 0.3s;
  669. }
  670.  
  671. .cl-effect-6 a:hover::before {
  672. top: 100%;
  673. opacity: 1;
  674. }
  675.  
  676. .cl-effect-6 a:hover::after {
  677. height: 100%;
  678. }
  679.  
  680. /* Effect 7: second border slides up */
  681. .cl-effect-7 a {
  682. padding: 12px 10px 10px;
  683. color: #566473;
  684. text-shadow: none;
  685. font-weight: 700;
  686. }
  687.  
  688. .cl-effect-7 a::before,
  689. .cl-effect-7 a::after {
  690. position: absolute;
  691. top: 100%;
  692. left: 0;
  693. width: 100%;
  694. height: 3px;
  695. background: #566473;
  696. content: '';
  697. -webkit-transition: -webkit-transform 0.3s;
  698. -moz-transition: -moz-transform 0.3s;
  699. transition: transform 0.3s;
  700. -webkit-transform: scale(0.85);
  701. -moz-transform: scale(0.85);
  702. transform: scale(0.85);
  703. }
  704.  
  705. .cl-effect-7 a::after {
  706. opacity: 0;
  707. -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  708. -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
  709. transition: top 0.3s, opacity 0.3s, transform 0.3s;
  710. }
  711.  
  712. .cl-effect-7 a:hover::before,
  713. .cl-effect-7 a:hover::after,
  714. .cl-effect-7 a:focus::before,
  715. .cl-effect-7 a:focus::after {
  716. -webkit-transform: scale(1);
  717. -moz-transform: scale(1);
  718. transform: scale(1);
  719. }
  720.  
  721. .cl-effect-7 a:hover::after,
  722. .cl-effect-7 a:focus::after {
  723. top: 0%;
  724. opacity: 1;
  725. }
  726.  
  727. /* Effect 8: border slight translate */
  728. .cl-effect-8 a {
  729. padding: 10px 20px;
  730. }
  731.  
  732. .cl-effect-8 a::before,
  733. .cl-effect-8 a::after {
  734. position: absolute;
  735. top: 0;
  736. left: 0;
  737. width: 100%;
  738. height: 100%;
  739. border: 3px solid #354856;
  740. content: '';
  741. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  742. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  743. transition: transform 0.3s, opacity 0.3s;
  744. }
  745.  
  746. .cl-effect-8 a::after {
  747. border-color: #fff;
  748. opacity: 0;
  749. -webkit-transform: translateY(-7px) translateX(6px);
  750. -moz-transform: translateY(-7px) translateX(6px);
  751. transform: translateY(-7px) translateX(6px);
  752. }
  753.  
  754. .cl-effect-8 a:hover::before,
  755. .cl-effect-8 a:focus::before {
  756. opacity: 0;
  757. -webkit-transform: translateY(5px) translateX(-5px);
  758. -moz-transform: translateY(5px) translateX(-5px);
  759. transform: translateY(5px) translateX(-5px);
  760. }
  761.  
  762. .cl-effect-8 a:hover::after,
  763. .cl-effect-8 a:focus::after {
  764. opacity: 1;
  765. -webkit-transform: translateY(0px) translateX(0px);
  766. -moz-transform: translateY(0px) translateX(0px);
  767. transform: translateY(0px) translateX(0px);
  768. }
  769.  
  770. /* Effect 9: second text and borders */
  771. .cl-effect-9 a {
  772. margin: 0 20px;
  773. padding: 18px 20px;
  774. }
  775.  
  776. .cl-effect-9 a::before,
  777. .cl-effect-9 a::after {
  778. position: absolute;
  779. top: 0;
  780. left: 0;
  781. width: 100%;
  782. height: 1px;
  783. background: #fff;
  784. content: '';
  785. opacity: 0.2;
  786. -webkit-transition: opacity 0.3s, height 0.3s;
  787. -moz-transition: opacity 0.3s, height 0.3s;
  788. transition: opacity 0.3s, height 0.3s;
  789. }
  790.  
  791. .cl-effect-9 a::after {
  792. top: 100%;
  793. opacity: 0;
  794. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  795. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  796. transition: transform 0.3s, opacity 0.3s;
  797. -webkit-transform: translateY(-10px);
  798. -moz-transform: translateY(-10px);
  799. transform: translateY(-10px);
  800. }
  801.  
  802. .cl-effect-9 a span:first-child {
  803. z-index: 2;
  804. display: block;
  805. font-weight: 300;
  806. }
  807.  
  808. .cl-effect-9 a span:last-child {
  809. z-index: 1;
  810. display: block;
  811. padding: 8px 0 0 0;
  812. color: rgba(0,0,0,0.4);
  813. text-shadow: none;
  814. text-transform: none;
  815. font-style: italic;
  816. font-size: 0.75em;
  817. font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  818. opacity: 0;
  819. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  820. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  821. transition: transform 0.3s, opacity 0.3s;
  822. -webkit-transform: translateY(-100%);
  823. -moz-transform: translateY(-100%);
  824. transform: translateY(-100%);
  825. }
  826.  
  827. .cl-effect-9 a:hover::before,
  828. .cl-effect-9 a:focus::before {
  829. height: 6px;
  830. }
  831.  
  832. .cl-effect-9 a:hover::before,
  833. .cl-effect-9 a:hover::after,
  834. .cl-effect-9 a:focus::before,
  835. .cl-effect-9 a:focus::after {
  836. opacity: 1;
  837. -webkit-transform: translateY(0px);
  838. -moz-transform: translateY(0px);
  839. transform: translateY(0px);
  840. }
  841.  
  842. .cl-effect-9 a:hover span:last-child,
  843. .cl-effect-9 a:focus span:last-child {
  844. opacity: 1;
  845. -webkit-transform: translateY(0%);
  846. -moz-transform: translateY(0%);
  847. transform: translateY(0%);
  848. }
  849.  
  850. /* Effect 10: reveal, push out */
  851. .cl-effect-10 {
  852. position: relative;
  853. z-index: 1;
  854. border-radius:3px;
  855. -moz-border-radius:3px;
  856. -webkit-border-radius:3px;
  857. }
  858.  
  859. .cl-effect-10 a {
  860. overflow: hidden;
  861. margin: 0 15px;
  862. font-size:13px;
  863. border-radius:3px;
  864. -moz-border-radius:3px;
  865. -webkit-border-radius:3px;
  866. }
  867.  
  868. .cl-effect-10 a span {
  869. display: block;
  870. padding: 10px 20px;
  871. background: #bd2f68;
  872. -webkit-transition: -webkit-transform 0.3s;
  873. -moz-transition: -moz-transform 0.3s;
  874. transition: transform 0.3s;
  875. border-radius:3px;
  876. -moz-border-radius:3px;
  877. -webkit-border-radius:3px;
  878. }
  879.  
  880. .cl-effect-10 a::before {
  881. position: absolute;
  882. top: 0;
  883. left: 0;
  884. z-index: -1;
  885. padding: 10px 20px;
  886. width: 100%;
  887. height: 100%;
  888. background: #fff;
  889. color: #bd2f68;
  890. content: attr(data-hover);
  891. -webkit-transition: -webkit-transform 0.3s;
  892. -moz-transition: -moz-transform 0.3s;
  893. transition: transform 0.3s;
  894. -webkit-transform: translateY(-25%);
  895. border-radius:3px;
  896. -moz-border-radius:3px;
  897. -webkit-border-radius:3px;
  898. }
  899.  
  900. .cl-effect-10 a:hover span,
  901. .cl-effect-10 a:focus span {
  902. -webkit-transform: translateY(100%);
  903. -moz-transform: translateY(100%);
  904. transform: translateY(100%);
  905. }
  906.  
  907. .cl-effect-10 a:hover::before,
  908. .cl-effect-10 a:focus::before {
  909. -webkit-transform: translateY(0%);
  910. -moz-transform: translateY(0%);
  911. transform: translateY(0%);
  912. }
  913.  
  914. /* Effect 11: text fill based on Lea Verou's animation https://dabblet.com/gist/6046779 */
  915. .cl-effect-11 a {
  916. padding: 10px 0;
  917. border-top: 2px solid #0972b4;
  918. color: #0972b4;
  919. text-shadow: none;
  920. }
  921.  
  922. .cl-effect-11 a::before {
  923. position: absolute;
  924. top: 0;
  925. left: 0;
  926. overflow: hidden;
  927. padding: 10px 0;
  928. max-width: 0;
  929. border-bottom: 2px solid #fff;
  930. color: #fff;
  931. content: attr(data-hover);
  932. -webkit-transition: max-width 0.5s;
  933. -moz-transition: max-width 0.5s;
  934. transition: max-width 0.5s;
  935. }
  936.  
  937. .cl-effect-11 a:hover::before,
  938. .cl-effect-11 a:focus::before {
  939. max-width: 100%;
  940. }
  941.  
  942. /* Effect 12: circle */
  943. .cl-effect-12 a::before,
  944. .cl-effect-12 a::after {
  945. position: absolute;
  946. top: 50%;
  947. left: 50%;
  948. width: 100px;
  949. height: 100px;
  950. border: 2px solid rgba(0,0,0,0.1);
  951. border-radius: 50%;
  952. content: '';
  953. opacity: 0;
  954. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  955. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  956. transition: transform 0.3s, opacity 0.3s;
  957. -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
  958. -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
  959. transform: translateX(-50%) translateY(-50%) scale(0.2);
  960. }
  961.  
  962. .cl-effect-12 a::after {
  963. width: 90px;
  964. height: 90px;
  965. border-width: 6px;
  966. -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
  967. -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
  968. transform: translateX(-50%) translateY(-50%) scale(0.8);
  969. }
  970.  
  971. .cl-effect-12 a:hover::before,
  972. .cl-effect-12 a:hover::after,
  973. .cl-effect-12 a:focus::before,
  974. .cl-effect-12 a:focus::after {
  975. opacity: 1;
  976. -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  977. -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  978. transform: translateX(-50%) translateY(-50%) scale(1);
  979. }
  980.  
  981. /* Effect 13: three circles */
  982. .cl-effect-13 a {
  983. -webkit-transition: color 0.3s;
  984. -moz-transition: color 0.3s;
  985. transition: color 0.3s;
  986. }
  987.  
  988. .cl-effect-13 a::before {
  989. position: absolute;
  990. top: 100%;
  991. left: 50%;
  992. color: transparent;
  993. content: '•';
  994. text-shadow: 0 0 transparent;
  995. font-size: 1.2em;
  996. -webkit-transition: text-shadow 0.3s, color 0.3s;
  997. -moz-transition: text-shadow 0.3s, color 0.3s;
  998. transition: text-shadow 0.3s, color 0.3s;
  999. -webkit-transform: translateX(-50%);
  1000. -moz-transform: translateX(-50%);
  1001. transform: translateX(-50%);
  1002. pointer-events: none;
  1003. }
  1004.  
  1005. .cl-effect-13 a:hover::before,
  1006. .cl-effect-13 a:focus::before {
  1007. color: #fff;
  1008. text-shadow: 10px 0 #fff, -10px 0 #fff;
  1009. }
  1010.  
  1011. .cl-effect-13 a:hover,
  1012. .cl-effect-13 a:focus {
  1013. color: #ba7700;
  1014. }
  1015.  
  1016. /* Effect 14: border switch */
  1017. .cl-effect-14 a {
  1018. padding: 0 20px;
  1019. height: 45px;
  1020. line-height: 45px;
  1021. }
  1022.  
  1023. .cl-effect-14 a::before,
  1024. .cl-effect-14 a::after {
  1025. position: absolute;
  1026. width: 45px;
  1027. height: 2px;
  1028. background: #fff;
  1029. content: '';
  1030. opacity: 0.2;
  1031. -webkit-transition: all 0.3s;
  1032. -moz-transition: all 0.3s;
  1033. transition: all 0.3s;
  1034. pointer-events: none;
  1035. }
  1036.  
  1037. .cl-effect-14 a::before {
  1038. top: 0;
  1039. left: 0;
  1040. -webkit-transform: rotate(90deg);
  1041. -moz-transform: rotate(90deg);
  1042. transform: rotate(90deg);
  1043. -webkit-transform-origin: 0 0;
  1044. -moz-transform-origin: 0 0;
  1045. transform-origin: 0 0;
  1046. }
  1047.  
  1048. .cl-effect-14 a::after {
  1049. right: 0;
  1050. bottom: 0;
  1051. -webkit-transform: rotate(90deg);
  1052. -moz-transform: rotate(90deg);
  1053. transform: rotate(90deg);
  1054. -webkit-transform-origin: 100% 0;
  1055. -moz-transform-origin: 100% 0;
  1056. transform-origin: 100% 0;
  1057. }
  1058.  
  1059. .cl-effect-14 a:hover::before,
  1060. .cl-effect-14 a:hover::after,
  1061. .cl-effect-14 a:focus::before,
  1062. .cl-effect-14 a:focus::after {
  1063. opacity: 1;
  1064. }
  1065.  
  1066. .cl-effect-14 a:hover::before,
  1067. .cl-effect-14 a:focus::before {
  1068. left: 50%;
  1069. -webkit-transform: rotate(0deg) translateX(-50%);
  1070. -moz-transform: rotate(0deg) translateX(-50%);
  1071. transform: rotate(0deg) translateX(-50%);
  1072. }
  1073.  
  1074. .cl-effect-14 a:hover::after,
  1075. .cl-effect-14 a:focus::after {
  1076. right: 50%;
  1077. -webkit-transform: rotate(0deg) translateX(50%);
  1078. -moz-transform: rotate(0deg) translateX(50%);
  1079. transform: rotate(0deg) translateX(50%);
  1080. }
  1081.  
  1082. /* Effect 15: scale down, reveal */
  1083. .cl-effect-15 a {
  1084. color: rgba(0,0,0,0.2);
  1085. font-weight: 700;
  1086. text-shadow: none;
  1087. }
  1088.  
  1089. .cl-effect-15 a::before {
  1090. color: #fff;
  1091. content: attr(data-hover);
  1092. position: absolute;
  1093. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  1094. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  1095. transition: transform 0.3s, opacity 0.3s;
  1096. }
  1097.  
  1098. .cl-effect-15 a:hover::before,
  1099. .cl-effect-15 a:focus::before {
  1100. -webkit-transform: scale(0.9);
  1101. -moz-transform: scale(0.9);
  1102. transform: scale(0.9);
  1103. opacity: 0;
  1104. }
  1105.  
  1106. /* Effect 16: fall down */
  1107. .cl-effect-16 a {
  1108. color: #6f8686;
  1109. text-shadow: 0 0 1px rgba(111,134,134,0.3);
  1110. }
  1111.  
  1112. .cl-effect-16 a::before {
  1113. color: #fff;
  1114. content: attr(data-hover);
  1115. position: absolute;
  1116. opacity: 0;
  1117. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  1118. -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  1119. -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  1120. transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  1121. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  1122. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  1123. transition: transform 0.3s, opacity 0.3s;
  1124. pointer-events: none;
  1125. }
  1126.  
  1127. .cl-effect-16 a:hover::before,
  1128. .cl-effect-16 a:focus::before {
  1129. -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  1130. -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  1131. transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  1132. opacity: 1;
  1133. }
  1134.  
  1135. /* Effect 17: move up fade out, push border */
  1136. .cl-effect-17 a {
  1137. color: #10649b;
  1138. text-shadow: none;
  1139. padding: 10px 0;
  1140. }
  1141.  
  1142. .cl-effect-17 a::before {
  1143. color: #fff;
  1144. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  1145. content: attr(data-hover);
  1146. position: absolute;
  1147. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  1148. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  1149. transition: transform 0.3s, opacity 0.3s;
  1150. pointer-events: none;
  1151. }
  1152.  
  1153. .cl-effect-17 a::after {
  1154. content: '';
  1155. position: absolute;
  1156. left: 0;
  1157. bottom: 0;
  1158. width: 100%;
  1159. height: 2px;
  1160. background: #fff;
  1161. opacity: 0;
  1162. -webkit-transform: translateY(5px);
  1163. -moz-transform: translateY(5px);
  1164. transform: translateY(5px);
  1165. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  1166. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  1167. transition: transform 0.3s, opacity 0.3s;
  1168. pointer-events: none;
  1169. }
  1170.  
  1171. .cl-effect-17 a:hover::before,
  1172. .cl-effect-17 a:focus::before {
  1173. opacity: 0;
  1174. -webkit-transform: translateY(-2px);
  1175. -moz-transform: translateY(-2px);
  1176. transform: translateY(-2px);
  1177. }
  1178.  
  1179. .cl-effect-17 a:hover::after,
  1180. .cl-effect-17 a:focus::after {
  1181. opacity: 1;
  1182. -webkit-transform: translateY(0px);
  1183. -moz-transform: translateY(0px);
  1184. transform: translateY(0px);
  1185. }
  1186.  
  1187. /* Effect 18: cross */
  1188. .cl-effect-18 {
  1189. position: relative;
  1190. z-index: 1;
  1191. }
  1192.  
  1193. .cl-effect-18 a {
  1194. padding: 0 3px;
  1195. color: #fff;
  1196. -webkit-transition: color 0.3s;
  1197. -moz-transition: color 0.3s;
  1198. transition: color 0.3s;
  1199. }
  1200.  
  1201. .cl-effect-18 a::before,
  1202. .cl-effect-18 a::after {
  1203. position: absolute;
  1204. width: 100%;
  1205. left: 0;
  1206. top: 50%;
  1207. height: 1px;
  1208. margin-top: -1px;
  1209. background: #fff;
  1210. content: '';
  1211. z-index: -1;
  1212. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  1213. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  1214. transition: transform 0.3s, opacity 0.3s;
  1215. pointer-events: none;
  1216. }
  1217.  
  1218. .cl-effect-18 a::before {
  1219. -webkit-transform: translateY(-13px);
  1220. -moz-transform: translateY(-13px);
  1221. transform: translateY(-13px);
  1222. }
  1223.  
  1224. .cl-effect-18 a::after {
  1225. -webkit-transform: translateY(13px);
  1226. -moz-transform: translateY(13px);
  1227. transform: translateY(13px);
  1228. }
  1229.  
  1230. .cl-effect-18 a:hover,
  1231. .cl-effect-18 a:focus {
  1232. color: #fff;
  1233. }
  1234.  
  1235. .cl-effect-18 a:hover::before,
  1236. .cl-effect-18 a:hover::after,
  1237. .cl-effect-18 a:focus::before,
  1238. .cl-effect-18 a:focus::after {
  1239. opacity: 0.7;
  1240. }
  1241.  
  1242. .cl-effect-18 a:hover::before,
  1243. .cl-effect-18 a:focus::before {
  1244. -webkit-transform: rotate(45deg);
  1245. -moz-transform: rotate(45deg);
  1246. transform: rotate(45deg);
  1247. }
  1248.  
  1249. .cl-effect-18 a:hover::after,
  1250. .cl-effect-18 a:focus::after {
  1251. -webkit-transform: rotate(-45deg);
  1252. -moz-transform: rotate(-45deg);
  1253. transform: rotate(-45deg);
  1254. }
  1255.  
  1256. /* Effect 19: 3D side */
  1257. .cl-effect-19 a {
  1258. line-height: 2em;
  1259. margin: 15px;
  1260. -webkit-perspective: 800px;
  1261. -moz-perspective: 800px;
  1262. perspective: 800px;
  1263. width: 200px;
  1264. }
  1265.  
  1266. .cl-effect-19 a span {
  1267. position: relative;
  1268. display: inline-block;
  1269. width: 100%;
  1270. padding: 0 14px;
  1271. background: #e35041;
  1272. -webkit-transition: -webkit-transform 0.4s, background 0.4s;
  1273. -moz-transition: -moz-transform 0.4s, background 0.4s;
  1274. transition: transform 0.4s, background 0.4s;
  1275. -webkit-transform-style: preserve-3d;
  1276. -moz-transform-style: preserve-3d;
  1277. transform-style: preserve-3d;
  1278. -webkit-transform-origin: 50% 50% -100px;
  1279. -moz-transform-origin: 50% 50% -100px;
  1280. transform-origin: 50% 50% -100px;
  1281. }
  1282.  
  1283. .csstransforms3d .cl-effect-19 a span::before {
  1284. position: absolute;
  1285. top: 0;
  1286. left: 100%;
  1287. width: 100%;
  1288. height: 100%;
  1289. background: #b53a2d;
  1290. content: attr(data-hover);
  1291. -webkit-transition: background 0.4s;
  1292. -moz-transition: background 0.4s;
  1293. transition: background 0.4s;
  1294. -webkit-transform: rotateY(90deg);
  1295. -moz-transform: rotateY(90deg);
  1296. transform: rotateY(90deg);
  1297. -webkit-transform-origin: 0 50%;
  1298. -moz-transform-origin: 0 50%;
  1299. transform-origin: 0 50%;
  1300. pointer-events: none;
  1301. }
  1302.  
  1303. .cl-effect-19 a:hover span,
  1304. .cl-effect-19 a:focus span {
  1305. background: #b53a2d;
  1306. -webkit-transform: rotateY(-90deg);
  1307. -moz-transform: rotateY(-90deg);
  1308. transform: rotateY(-90deg);
  1309. }
  1310.  
  1311. .csstransforms3d .cl-effect-19 a:hover span::before,
  1312. .csstransforms3d .cl-effect-19 a:focus span::before {
  1313. background: #ef5e50;
  1314. }
  1315.  
  1316. /* Effect 20: 3D side */
  1317. .cl-effect-20 a {
  1318. line-height: 2em;
  1319. -webkit-perspective: 800px;
  1320. -moz-perspective: 800px;
  1321. perspective: 800px;
  1322. }
  1323.  
  1324. .cl-effect-20 a span {
  1325. position: relative;
  1326. display: inline-block;
  1327. padding: 3px 15px 0;
  1328. background: #587285;
  1329. box-shadow: inset 0 3px #2f4351;
  1330. -webkit-transition: background 0.6s;
  1331. -moz-transition: background 0.6s;
  1332. transition: background 0.6s;
  1333. -webkit-transform-origin: 50% 0;
  1334. -moz-transform-origin: 50% 0;
  1335. transform-origin: 50% 0;
  1336. -webkit-transform-style: preserve-3d;
  1337. -moz-transform-style: preserve-3d;
  1338. transform-style: preserve-3d;
  1339. -webkit-transform-origin: 0% 50%;
  1340. -moz-transform-origin: 0% 50%;
  1341. transform-origin: 0% 50%;
  1342. }
  1343.  
  1344. .cl-effect-20 a span::before {
  1345. position: absolute;
  1346. top: 0;
  1347. left: 0;
  1348. width: 100%;
  1349. height: 100%;
  1350. background: #fff;
  1351. color: #2f4351;
  1352. content: attr(data-hover);
  1353. -webkit-transform: rotateX(270deg);
  1354. -moz-transform: rotateX(270deg);
  1355. transform: rotateX(270deg);
  1356. -webkit-transition: -webkit-transform 0.6s;
  1357. -moz-transition: -moz-transform 0.6s;
  1358. transition: transform 0.6s;
  1359. -webkit-transform-origin: 0 0;
  1360. -moz-transform-origin: 0 0;
  1361. transform-origin: 0 0;
  1362. pointer-events: none;
  1363. }
  1364.  
  1365. .cl-effect-20 a:hover span,
  1366. .cl-effect-20 a:focus span {
  1367. background: #2f4351;
  1368. }
  1369.  
  1370. .cl-effect-20 a:hover span::before,
  1371. .cl-effect-20 a:focus span::before {
  1372. -webkit-transform: rotateX(10deg);
  1373. -moz-transform: rotateX(10deg);
  1374. transform: rotateX(10deg);
  1375. }
  1376.  
  1377. /* Effect 21: borders slight translate */
  1378. .cl-effect-21 a {
  1379. padding: 10px;
  1380. color: #237546;
  1381. font-weight: 700;
  1382. text-shadow: none;
  1383. -webkit-transition: color 0.3s;
  1384. -moz-transition: color 0.3s;
  1385. transition: color 0.3s;
  1386. }
  1387.  
  1388. .cl-effect-21 a::before,
  1389. .cl-effect-21 a::after {
  1390. position: absolute;
  1391. left: 0;
  1392. width: 100%;
  1393. height: 2px;
  1394. background: #fff;
  1395. content: '';
  1396. opacity: 0;
  1397. -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  1398. -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  1399. transition: opacity 0.3s, transform 0.3s;
  1400. -webkit-transform: translateY(-10px);
  1401. -moz-transform: translateY(-10px);
  1402. transform: translateY(-10px);
  1403. }
  1404.  
  1405. .cl-effect-21 a::before {
  1406. top: 0;
  1407. -webkit-transform: translateY(-10px);
  1408. -moz-transform: translateY(-10px);
  1409. transform: translateY(-10px);
  1410. }
  1411.  
  1412. .cl-effect-21 a::after {
  1413. bottom: 0;
  1414. -webkit-transform: translateY(10px);
  1415. -moz-transform: translateY(10px);
  1416. transform: translateY(10px);
  1417. }
  1418.  
  1419. .cl-effect-21 a:hover,
  1420. .cl-effect-21 a:focus {
  1421. color: #fff;
  1422. }
  1423.  
  1424. .cl-effect-21 a:hover::before,
  1425. .cl-effect-21 a:focus::before,
  1426. .cl-effect-21 a:hover::after,
  1427. .cl-effect-21 a:focus::after {
  1428. opacity: 1;
  1429. -webkit-transform: translateY(0px);
  1430. -moz-transform: translateY(0px);
  1431. transform: translateY(0px);
  1432. }
  1433.  
  1434. #errorLogin {
  1435. background:#c03131;
  1436. width:100%;
  1437. padding-top:10px;
  1438. padding-bottom:10px;
  1439. margin-bottom:10px;
  1440. text-align:center;
  1441. color:#fff;
  1442. font-weight:100;
  1443. letter-spacing:1px;
  1444. display:none;
  1445. }
  1446. .delItem {
  1447. float:right;
  1448. margin-top:28px;
  1449. color:#ccc;
  1450. -webkit-transition: all 0.4s ease;
  1451. -moz-transition: all 0.4s ease;
  1452. -o-transition: all 0.4s ease;
  1453. -ms-transition: all 0.4s ease;
  1454. transition: all 0.4s ease;
  1455. }
  1456. .delItem:hover {
  1457. color:#333;
  1458. -webkit-transition: all 0.4s ease;
  1459. -moz-transition: all 0.4s ease;
  1460. -o-transition: all 0.4s ease;
  1461. -ms-transition: all 0.4s ease;
  1462. transition: all 0.4s ease;
  1463. }
  1464. .regbutton {
  1465. padding: 10px;
  1466. margin-top: 0px;
  1467. text-transform: uppercase;
  1468. color: #000;
  1469. font-weight: 300;
  1470. background: #FFFFFF;
  1471. text-align: center;
  1472. font-size: 15px;
  1473. border-radius: 4px;
  1474. width: 82%;
  1475. outline: none;
  1476. border: none;
  1477. box-shadow: 0px 3px hsla(0,0%,0%,.50);
  1478. border-bottom: 2px solid hsla(0,0%,0%,.30);
  1479. cursor: pointer;
  1480. transition: 0.5s;
  1481. -webkit-transition: 0.5s;
  1482. -moz-transition: 0.5s;
  1483. margin-top: 10px;
  1484. }
  1485. .loginbutton2 {
  1486. padding: 10px;
  1487. margin-top: 0px;
  1488. text-transform: uppercase;
  1489. color: #FFF;
  1490. font-weight: 300;
  1491. background: #000000;
  1492. font-size: 15px;
  1493. border-radius: 4px;
  1494. width: 87%;
  1495. outline: none;
  1496. border: none;
  1497. box-shadow: 0px 3px hsla(0,0%,0%,.50);
  1498. border-bottom: 2px solid hsla(0,0%,0%,.30);
  1499. cursor: pointer;
  1500. transition: 0.5s;
  1501. -webkit-transition: 0.5s;
  1502. -moz-transition: 0.5s;
  1503. text-align: center;
  1504. }
  1505. a.nounderline:link
  1506. {
  1507. text-decoration:none;
  1508. }
  1509. </style>
  1510. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1511. <script>
  1512. (function(d){d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(f,e){d.fx.step[e]=function(g){if(!g.colorInit){g.start=c(g.elem,e);g.end=b(g.end);g.colorInit=true}g.elem.style[e]="rgb("+[Math.max(Math.min(parseInt((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[1]-g.start[1]))+g.start[1]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[2]-g.start[2]))+g.start[2]),255),0)].join(",")+")"}});function b(f){var e;if(f&&f.constructor==Array&&f.length==3){return f}if(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(f)){return[parseInt(e[1]),parseInt(e[2]),parseInt(e[3])]}if(e=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(f)){return[parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55]}if(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]}if(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]}if(e=/rgba\(0, 0, 0, 0\)/.exec(f)){return a.transparent}return a[d.trim(f).toLowerCase()]}function c(g,e){var f;do{f=d.css(g,e);if(f!=""&&f!="transparent"||d.nodeName(g,"body")){break}e="backgroundColor"}while(g=g.parentNode);return b(f)}var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]}})(jQuery);
  1513.  
  1514. (function($){$.extend($.fn,{caret:function(start,end){var elem=this[0];if(elem){if(typeof start=="undefined")if(elem.selectionStart!=undefined){start=elem.selectionStart;end=elem.selectionEnd}else{if(document.selection){var val=this.val();var range=document.selection.createRange().duplicate();range.moveEnd("character",val.length);start=range.text==""?val.length:val.lastIndexOf(range.text);range=document.selection.createRange().duplicate();range.moveStart("character",-val.length);end=range.text.length}}else{var val=
  1515. this.val();if(typeof start!="number")start=-1;if(typeof end!="number")end=-1;if(start<0)start=0;if(end>val.length)end=val.length;if(end<start)end=start;if(start>end)start=end;elem.focus();if(elem.selectionStart){elem.selectionStart=start;elem.selectionEnd=end}else if(document.selection){var range=elem.createTextRange();range.collapse(true);range.moveStart("character",start);range.moveEnd("character",end-start);range.select()}}return{start:start,end:end}}}})})(jQuery);
  1516.  
  1517.  
  1518.  
  1519. function centerBox(){
  1520. h = parseInt('-'+parseInt($('#central').height())/2.15);
  1521. $('#central').css({marginTop: h});
  1522. }
  1523. function see(idi) {
  1524. idd = "#aUser"+idi;
  1525. $('.aUser:not('+idd+')').hide();
  1526. $('.line').hide();
  1527. $('.d').slideUp(300);
  1528. $('#central').addClass('bT');
  1529. $(idd+' .avatarImg').addClass('avatarr');
  1530. $(idd+' .form').slideDown(300);
  1531. $(idd).removeClass('aUser');
  1532. $('#aUser1,#aUser2').hide();
  1533. $('#return').show();
  1534. $('.delItem').hide();
  1535. if(idi==0){
  1536. $('#aUser0').show();
  1537. } else {
  1538. setTimeout(function(){
  1539. $('#password'+idi).focus();
  1540. }, 550);
  1541. }
  1542. centerBox();
  1543. setTimeout(function(){
  1544. centerBox();
  1545. },200);
  1546. setTimeout(function(){
  1547. centerBox();
  1548. },400);
  1549. }
  1550. function dontSee() {
  1551. $('#errorLogin').hide();
  1552. $('.aUser').show();
  1553. $('.line').show();
  1554. $('.d').slideDown(300);
  1555. $('#central').removeClass('bT');
  1556. $('.aUc').addClass('aUser');
  1557. $('.avatarImg').removeClass('avatarr');
  1558. $('.form').hide();
  1559. $('#aUser0').hide();
  1560. $('#return').hide();
  1561. $('#aUser1,#aUser2').slideDown();
  1562. $('.delItem').fadeIn();
  1563. setTimeout(function(){
  1564. centerBox();
  1565. },200);
  1566. setTimeout(function(){
  1567. centerBox();
  1568. },400);
  1569.  
  1570. }
  1571.  
  1572. $(function(){
  1573. });
  1574.  
  1575. function light() {
  1576. $('#bottomRight').animate({'opacity':0},1400);
  1577. $('#night').fadeOut(1400);
  1578.  
  1579. }
  1580. function star() {
  1581. $('#star1').fadeOut(300);
  1582. $('#star2').fadeIn(300);
  1583. setTimeout(function(){
  1584. $('#star2').fadeOut(300);
  1585. $('#star1').fadeIn(300);
  1586. },300);
  1587. setTimeout(function(){
  1588. $('#star2').fadeIn(300);
  1589. $('#star1').fadeIn(300);
  1590. },700);
  1591. setTimeout(function(){
  1592. $('#star1').fadeOut(600);
  1593. $('#star2').fadeOut(600);
  1594. },1100);
  1595. }
  1596. $(window).load(function(){
  1597. setTimeout(function(){
  1598. light();
  1599. },1500);
  1600. setTimeout(function(){
  1601. $('#sun').animate({right:'-280px',top:'-300px'},2000);
  1602. },1400);
  1603. setTimeout(function(){
  1604. door();
  1605. },1800);
  1606. star();
  1607. });
  1608. function login(u,p) {
  1609. $('#loader').fadeIn('fast');
  1610. $('#errorLogin').slideUp();
  1611. $.post("ajaxIndex/login2.php", {
  1612. username: u,
  1613. password: p
  1614. })
  1615. .done(function(data) {
  1616. $('#errorLogin').html(data);
  1617. });
  1618. }
  1619. function errorL() {
  1620. $('#errorLogin').slideDown();
  1621. }
  1622.  
  1623. function delItem(iiid) {
  1624. $('#lid'+iiid+'').fadeOut();
  1625. $('#central').fadeOut('fast',function(){
  1626. $.post("ajaxIndex/delItem.php", {
  1627. id: iiid
  1628. })
  1629. .done(function(data) {
  1630. alert(data);
  1631. $('.id'+iiid).hide();
  1632. $('#lid'+iiid+'').hide();
  1633. dontSee();
  1634. setTimeout(function(){
  1635. $('#central').fadeIn('fast');
  1636. },500);
  1637. });
  1638. });
  1639. }
  1640. setTimeout(function(){
  1641. $('#central').animate({opacity:1});
  1642. centerBox();
  1643. },1000);
  1644. </style>
  1645. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1646. <script>
  1647. (function(d){d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(f,e){d.fx.step[e]=function(g){if(!g.colorInit){g.start=c(g.elem,e);g.end=b(g.end);g.colorInit=true}g.elem.style[e]="rgb("+[Math.max(Math.min(parseInt((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[1]-g.start[1]))+g.start[1]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[2]-g.start[2]))+g.start[2]),255),0)].join(",")+")"}});function b(f){var e;if(f&&f.constructor==Array&&f.length==3){return f}if(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(f)){return[parseInt(e[1]),parseInt(e[2]),parseInt(e[3])]}if(e=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(f)){return[parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55]}if(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]}if(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]}if(e=/rgba\(0, 0, 0, 0\)/.exec(f)){return a.transparent}return a[d.trim(f).toLowerCase()]}function c(g,e){var f;do{f=d.css(g,e);if(f!=""&&f!="transparent"||d.nodeName(g,"body")){break}e="backgroundColor"}while(g=g.parentNode);return b(f)}var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]}})(jQuery);
  1648.  
  1649. (function($){$.extend($.fn,{caret:function(start,end){var elem=this[0];if(elem){if(typeof start=="undefined")if(elem.selectionStart!=undefined){start=elem.selectionStart;end=elem.selectionEnd}else{if(document.selection){var val=this.val();var range=document.selection.createRange().duplicate();range.moveEnd("character",val.length);start=range.text==""?val.length:val.lastIndexOf(range.text);range=document.selection.createRange().duplicate();range.moveStart("character",-val.length);end=range.text.length}}else{var val=
  1650. this.val();if(typeof start!="number")start=-1;if(typeof end!="number")end=-1;if(start<0)start=0;if(end>val.length)end=val.length;if(end<start)end=start;if(start>end)start=end;elem.focus();if(elem.selectionStart){elem.selectionStart=start;elem.selectionEnd=end}else if(document.selection){var range=elem.createTextRange();range.collapse(true);range.moveStart("character",start);range.moveEnd("character",end-start);range.select()}}return{start:start,end:end}}}})})(jQuery);
  1651.  
  1652.  
  1653.  
  1654. function centerBox(){
  1655. h = parseInt('-'+parseInt($('#central').height())/2.15);
  1656. $('#central').css({marginTop: h});
  1657. }
  1658. function see(idi) {
  1659. idd = "#aUser"+idi;
  1660. $('.aUser:not('+idd+')').hide();
  1661. $('.line').hide();
  1662. $('.d').slideUp(300);
  1663. $('#central').addClass('bT');
  1664. $(idd+' .avatarImg').addClass('avatarr');
  1665. $(idd+' .form').slideDown(300);
  1666. $(idd).removeClass('aUser');
  1667. $('#aUser1,#aUser2').hide();
  1668. $('#return').show();
  1669. $('.delItem').hide();
  1670. if(idi==0){
  1671. $('#aUser0').show();
  1672. } else {
  1673. setTimeout(function(){
  1674. $('#password'+idi).focus();
  1675. }, 550);
  1676. }
  1677. centerBox();
  1678. setTimeout(function(){
  1679. centerBox();
  1680. },200);
  1681. setTimeout(function(){
  1682. centerBox();
  1683. },400);
  1684. }
  1685. function dontSee() {
  1686. $('#errorLogin').hide();
  1687. $('.aUser').show();
  1688. $('.line').show();
  1689. $('.d').slideDown(300);
  1690. $('#central').removeClass('bT');
  1691. $('.aUc').addClass('aUser');
  1692. $('.avatarImg').removeClass('avatarr');
  1693. $('.form').hide();
  1694. $('#aUser0').hide();
  1695. $('#return').hide();
  1696. $('#aUser1,#aUser2').slideDown();
  1697. $('.delItem').fadeIn();
  1698. setTimeout(function(){
  1699. centerBox();
  1700. },200);
  1701. setTimeout(function(){
  1702. centerBox();
  1703. },400);
  1704.  
  1705. }
  1706.  
  1707. $(function(){
  1708. });
  1709.  
  1710. function light() {
  1711. $('#bottomRight').animate({'opacity':0},1400);
  1712. $('#night').fadeOut(1400);
  1713.  
  1714. }
  1715. function star() {
  1716. $('#star1').fadeOut(300);
  1717. $('#star2').fadeIn(300);
  1718. setTimeout(function(){
  1719. $('#star2').fadeOut(300);
  1720. $('#star1').fadeIn(300);
  1721. },300);
  1722. setTimeout(function(){
  1723. $('#star2').fadeIn(300);
  1724. $('#star1').fadeIn(300);
  1725. },700);
  1726. setTimeout(function(){
  1727. $('#star1').fadeOut(600);
  1728. $('#star2').fadeOut(600);
  1729. },1100);
  1730. }
  1731. $(window).load(function(){
  1732. setTimeout(function(){
  1733. light();
  1734. },1500);
  1735. setTimeout(function(){
  1736. $('#sun').animate({right:'-280px',top:'-300px'},2000);
  1737. },1400);
  1738. setTimeout(function(){
  1739. door();
  1740. },1800);
  1741. star();
  1742. });
  1743. function login(u,p) {
  1744. $('#loader').fadeIn('fast');
  1745. $('#errorLogin').slideUp();
  1746. $.post("ajaxIndex/login2.php", {
  1747. username: u,
  1748. password: p
  1749. })
  1750. .done(function(data) {
  1751. $('#errorLogin').html(data);
  1752. });
  1753. }
  1754. function errorL() {
  1755. $('#errorLogin').slideDown();
  1756. }
  1757.  
  1758. function delItem(iiid) {
  1759. $('#lid'+iiid+'').fadeOut();
  1760. $('#central').fadeOut('fast',function(){
  1761. $.post("ajaxIndex/delItem.php", {
  1762. id: iiid
  1763. })
  1764. .done(function(data) {
  1765. alert(data);
  1766. $('.id'+iiid).hide();
  1767. $('#lid'+iiid+'').hide();
  1768. dontSee();
  1769. setTimeout(function(){
  1770. $('#central').fadeIn('fast');
  1771. },500);
  1772. });
  1773. });
  1774. }
  1775. setTimeout(function(){
  1776. $('#central').animate({opacity:1});
  1777. centerBox();
  1778. },1000);
  1779. </script>
  1780. </head>
  1781. <body>
  1782.  
  1783. <div id="night"></div>
  1784. <div id="light"></div>
  1785. <div id="star1"></div>
  1786. <div id="star2"></div>
  1787. <div id="bottomRight"></div>
  1788. <div id="bottomRightClear"></div>
  1789. <div id="sun"></div>
  1790.  
  1791. <div id="cookies"></div>
  1792. <div id="header">
  1793. <center>
  1794. <table>
  1795. <tr>
  1796. <td>
  1797.  
  1798. <div class="animated bounceIn">
  1799. <div class="logo">
  1800. <img src="http://playlunar.ga/logo.png">
  1801. </div>
  1802. </div>
  1803. </center>
  1804.  
  1805.  
  1806. </nav>
  1807. </td>
  1808. </tr>
  1809. </table>
  1810. </center>
  1811. </div>
  1812.  
  1813. <div id="central">
  1814.  
  1815. <!--<div id="return" onclick="dontSee();">&#8592; Retour</div>-->
  1816. <nav class="cl-effect-18" id="return"><a style="color:#fff;font-size:12px!important;" href="javascript:void(0);" onclick="dontSee();" data-hover="&#8592; Retour">&#8592; Terug</a></nav>
  1817. <div id="errorLogin"></div>
  1818.  
  1819. </center>
  1820. <div id="l">
  1821. <div style="padding: 10px;">
  1822. <center>
  1823. <div id="people-inside">
  1824. <b><span><span class="stats-fig">Register at Pure!</span><br> </span></b>
  1825. <?php if(isset($template->form->error)) { echo '<center><div style="background-color: red;
  1826. color: #fff;
  1827. font-weight: bold;
  1828. padding: 7px 20px;
  1829. border-radius: 8px;
  1830. font-size: 18px;
  1831. margin-bottom: 15px;
  1832. text-shadow: 1px 1px #000;
  1833. border: 1px solid #0A1F62;">'.$template->form->error.'</div></center>'; } ?>
  1834. <i></i><div></div>
  1835. </div>
  1836.  
  1837. <form id="loginformitem" name="loginformitem" method="post">
  1838. <p><b>Desired Username:</b></p>
  1839. <input style="color: #8C8C8C; width: 87%;" type="text" value="<?php echo $template->form->reg_username; ?>" name="reg_username" id="credentials-email" required/><br /><br />
  1840. <p><b>Password:</b></p>
  1841. <input style="color: #8C8C8C; width: 87%;"type="password" name="reg_password" value="" id="credentials-password" required /><br /><br />
  1842. <p><b>Repeat your Password:</b></p>
  1843. <input style="color: #8C8C8C; width: 87%;"type="password" name="reg_rep_password" value="" id="credentials-password" required /><br /><br />
  1844. <p><b>Email Address:</b></p>
  1845. <input style="color: #8C8C8C; width: 87%;"<input type="text" name="reg_email" value="<?php echo $template->form->reg_email; ?>" id="credentials-password" required /><br /><br />
  1846. <input type="submit" class="regbutton" name='register' value="Registration Complete!" >
  1847. </form>
  1848.  
  1849.  
  1850. </div>
  1851. <div class="clear"></div>
  1852. </div>
  1853.  
  1854. <div id="central">
  1855.  
  1856. </div>
  1857. <div class="form">
  1858.  
  1859. </nav>
  1860. <div style="height:7px;"></div>
  1861. </div>
  1862. <div class="clear"></div>
  1863. </div>
  1864. <div class="clear"></div>
  1865. <div class="aUser aUc" id="aUser0" style="display:none;" onclick="see(0);">
  1866. <div class="round grey">
  1867.  
  1868. </div>
  1869. <div class="username">
  1870.  
  1871. </nav>
  1872. <div style="height:7px;"></div>
  1873. </div>
  1874. <div class="clear"></div>
  1875. </div>
  1876.  
  1877.  
  1878.  
  1879. </div>
  1880.  
  1881.  
  1882. </div>
  1883.  
  1884. </body>
  1885. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!