1
0

register.php 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413
  1. <?php
  2. $host = $_SERVER['SERVER_NAME'];
  3. if($host == "62.4.16.133")
  4. {
  5. die();
  6. }
  7. require_once("modules/core/config.php");
  8. session_start();
  9. if(isset($_SESSION["playersqlid"]))
  10. {
  11. header("location: ./panel/characters");
  12. exit;
  13. }
  14. $username = "";
  15. $password = "";
  16. $errors = 0;
  17. $gabim = "";
  18. // Processing form data when form is submitted
  19. if($_SERVER["REQUEST_METHOD"] == "POST")
  20. {
  21. $username = $_POST["username"];
  22. $email = $_POST['email'];
  23. $password = $_POST['password'];
  24. $confirm_password = $_POST['confirm_password'];
  25. //$errors++;
  26. //$gabim = "Registrations are closed.";
  27. if(empty($username) || empty($email) || empty($password) || empty($confirm_password))
  28. {
  29. $errors++;
  30. $gabim = "Please fill in all the fields.";
  31. }
  32. else
  33. {
  34. if(strlen($username) < 3)
  35. {
  36. $errors++;
  37. $gabim = "Your username is too short.";
  38. }
  39. if(preg_match("/[^A-Za-z0-9]/", $username))
  40. {
  41. $errors++;
  42. $gabim = "Your username contains invalid characters.";
  43. }
  44. if(!valid_email($email))
  45. {
  46. $errors++;
  47. $gabim = "Invalid email address.";
  48. }
  49. $names = array("nigger", "nigga", "fuck", "bitch", "shit", "whore", "dick", "penis");
  50. for($j = 0; $j < sizeof($names); ++$j)
  51. {
  52. if(strpos($username, $names[$j]) !== false)
  53. {
  54. $errors++;
  55. $gabim = "Your username contains invalid characters.";
  56. break;
  57. }
  58. }
  59. }
  60. if(!$errors)
  61. {
  62. if($password == $confirm_password)
  63. {
  64. $link = mysqli_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD, DB_NAME);
  65. if($link === false)
  66. {
  67. die("ERROR: Something went wrong, contact a developer.");
  68. }
  69. $username = mysqli_real_escape_string($link, $username);
  70. $email = mysqli_real_escape_string($link, $email);
  71. $password = mysqli_real_escape_string($link, $password);
  72. $confirm_password = mysqli_real_escape_string($link, $confirm_password);
  73. $user_check_query = "SELECT `ID` FROM accounts WHERE `Username` = '$username' LIMIT 1";
  74. $result = mysqli_query($link, $user_check_query);
  75. $rowcount = $result->num_rows;
  76. if($rowcount == 0)
  77. {
  78. $password = hash('whirlpool', $password);
  79. $password = strtoupper($password);
  80. $ip_address = returnIpAddress();
  81. $user_check_query = "INSERT INTO accounts (Username, Password, Email, IP) VALUES ('$username', '$password', '$email', '$ip_address')";
  82. $result = mysqli_query($link, $user_check_query);
  83. $playersqlid = mysqli_insert_id($link);
  84. $body = "Welcome to Verdant Roleplay, <strong>$username</strong>!<br><br>This is your main account which is generally used to manage your characters. You can't use your main account to play, therefore you will have to <a href='./panel/create-character'>create a character</a>. Once this character gets approved by the Tester team you can start to (role)play on our gameserver and manage it on the UCP.<br><br>The UCP (User Control Panel) allows you to change your spawn location, your skin and much more. We wish you good luck!<br><br>If you have any questions, use the forums or our support site.<br><br>Regards,<br>Verdant Roleplay";
  85. insertNotification($link, $playersqlid, "Welcome!", $body, "Administration");
  86. $chars = array(
  87. array("N/A", -1, 0),
  88. array("N/A", -1, 0),
  89. array("N/A", -1, 0),
  90. array("N/A", -1, 0),
  91. array("N/A", -1, 0)
  92. );
  93. $_SESSION['username'] = $username;
  94. $_SESSION['adminlevel'] = 0;
  95. $_SESSION['playersqlid'] = $playersqlid;
  96. $_SESSION['characters'] = $chars;
  97. $_SESSION['playeremail'] = $email;
  98. $_SESSION['namechanges'] = 0;
  99. $_SESSION['phonechanges'] = 0;
  100. $_SESSION['discord_auth'] = "";
  101. $_SESSION['forum_auth'] = "";
  102. header('location: ./panel/characters');
  103. }
  104. else $gabim = "Username already taken.";
  105. }
  106. else $gabim = "Password does not match.";
  107. }
  108. //else $gabim = "There are a few errors with the form, correct them.";
  109. }
  110. // Close connection
  111. //mysqli_close($link);
  112. ?>
  113. <!doctype html>
  114. <html lang="en">
  115. <head>
  116. <meta charset="utf-8">
  117. <title>Prime Roleplay | Register</title>
  118. <base href="/">
  119. <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
  120. <meta name="viewport" content="width=device-width, initial-scale=0.1">
  121. <link rel="icon" type="image/x-icon" href="favicon.ico">
  122. <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700+Ubuntu:400,700" rel="stylesheet">
  123. <!--<script src="assets/font-awesome/js/all.js"></script>-->
  124. <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-Bx4pytHkyTDy3aJKjGkGoHPt3tvv6zlwwjc3iqN7ktaiEMLDPqLSZYts2OjKcBx1" crossorigin="anonymous">
  125. <link rel="stylesheet" href="./style.css">
  126. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  127. <style>
  128. h1[_ngcontent-kmh-c135] {
  129. color: #369;
  130. font-family: Arial, Helvetica, sans-serif;
  131. font-size: 250%;
  132. }
  133. </style>
  134. <style></style>
  135. <style>
  136. .vc-wrapper[_ngcontent-kmh-c210] {
  137. position: fixed;
  138. top: 0;
  139. left: 0;
  140. width: 100vw;
  141. height: 100vh;
  142. z-index: 2000;
  143. background: linear-gradient(to bottom, rgba(50, 100, 160, 0.1), rgba(50, 100, 160, 0.1)), url("/assets/images/gunbg.png");
  144. background-repeat: repeat;
  145. display: flex;
  146. justify-content: center;
  147. align-items: center;
  148. }
  149. .vc-wrapper[_ngcontent-kmh-c210]:after {
  150. background: #181c22;
  151. content: "";
  152. position: absolute;
  153. top: 50vh;
  154. left: 0;
  155. width: 100vw;
  156. height: 50vh;
  157. }
  158. .vc-msg[_ngcontent-kmh-c210] {
  159. width: 500px;
  160. height: -webkit-min-content;
  161. height: -moz-min-content;
  162. height: min-content;
  163. max-width: 100vw;
  164. background: white;
  165. z-index: 1;
  166. padding: 20px;
  167. box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  168. }
  169. .title[_ngcontent-kmh-c210] {
  170. font-size: 1.5em;
  171. margin-bottom: 10px;
  172. }
  173. </style>
  174. <style>
  175. #wrapper[_ngcontent-kmh-c136] {
  176. padding: 30px 30px 30px 30px;
  177. background: linear-gradient(to bottom, rgba(50, 100, 160, 0.1), rgba(50, 100, 160, 0.1)), url("/assets/images/gunbg.png");
  178. }
  179. #page[_ngcontent-kmh-c136] {
  180. box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5);
  181. }
  182. main[_ngcontent-kmh-c136] {
  183. background: #fff;
  184. }
  185. *[_ngcontent-kmh-c136] {
  186. margin: 0;
  187. padding: 0;
  188. font-family: "Roboto", sans-serif;
  189. font-stretch: 100%;
  190. }
  191. li[_ngcontent-kmh-c136] {
  192. list-style: none;
  193. }
  194. .content[_ngcontent-kmh-c136] {
  195. display: grid;
  196. grid-template-columns: repeat(24, 1fr);
  197. grid-template-rows: -webkit-min-content;
  198. grid-template-rows: min-content;
  199. grid-gap: 20px;
  200. padding: 20px;
  201. }
  202. .email-verify[_ngcontent-kmh-c136] {
  203. position: fixed;
  204. top: 0;
  205. left: 0;
  206. width: 100vw;
  207. background: tomato;
  208. color: white;
  209. z-index: 1003;
  210. text-align: center;
  211. padding: 5px;
  212. }
  213. .email-verify[_ngcontent-kmh-c136] a[_ngcontent-kmh-c136] {
  214. text-decoration: underline;
  215. }
  216. [_nghost-kmh-c136] {
  217. display: grid;
  218. grid-template-rows: 250px auto;
  219. grid-template-columns: 1fr;
  220. }
  221. #wrapper[_ngcontent-kmh-c136] {
  222. grid-row: 1/span 1;
  223. grid-column: 1;
  224. }
  225. .bg-gradient[_ngcontent-kmh-c136] {
  226. grid-row: 2/span 1;
  227. grid-column: 1;
  228. }
  229. #page[_ngcontent-kmh-c136] {
  230. display: grid;
  231. grid-template-columns: -webkit-min-content auto;
  232. grid-template-columns: min-content auto;
  233. grid-template-rows: 55px auto 60px;
  234. min-height: calc(100vh - 30px);
  235. }
  236. .router-outlet[_ngcontent-kmh-c136] {
  237. display: none;
  238. }
  239. main[_ngcontent-kmh-c136] {
  240. display: grid;
  241. grid-row-start: 2;
  242. grid-row-end: 3;
  243. background: #eee;
  244. }
  245. footer[_ngcontent-kmh-c136] {
  246. grid-column-start: 2;
  247. }
  248. @media only screen and (max-width: 800px) {}
  249. .fl-ri[_ngcontent-kmh-c136] {
  250. float: right;
  251. }
  252. .fl-le[_ngcontent-kmh-c136] {
  253. float: left;
  254. }
  255. .ta-ri[_ngcontent-kmh-c136] {
  256. text-align: right;
  257. }
  258. .text-center[_ngcontent-kmh-c136] {
  259. text-align: center;
  260. }
  261. .margin-auto[_ngcontent-kmh-c136] {
  262. margin: auto;
  263. }
  264. .nopadding[_ngcontent-kmh-c136] {
  265. padding: 0px !important;
  266. }
  267. .nopadding-sides[_ngcontent-kmh-c136] {
  268. padding-left: 0;
  269. padding-right: 0;
  270. }
  271. .grid-newline[_ngcontent-kmh-c136] {
  272. grid-column-start: 1;
  273. }
  274. .chubby[_ngcontent-kmh-c136] {
  275. grid-column-end: span 2;
  276. }
  277. .top-margin-20[_ngcontent-kmh-c136] {
  278. margin-top: 20px !important;
  279. }
  280. .color-green[_ngcontent-kmh-c136] {
  281. color: green;
  282. }
  283. .color-red[_ngcontent-kmh-c136] {
  284. color: #b20000;
  285. }
  286. .color-tomato[_ngcontent-kmh-c136] {
  287. color: #FF6347 !important;
  288. }
  289. .size-10[_ngcontent-kmh-c136] {
  290. font-size: 10px;
  291. }
  292. .size-32[_ngcontent-kmh-c136] {
  293. font-size: 32px;
  294. }
  295. .test[_ngcontent-kmh-c136] {
  296. color: red;
  297. }
  298. </style>
  299. <style>
  300. [_nghost-kmh-c147] {
  301. position: fixed;
  302. bottom: 20px;
  303. right: 20px;
  304. z-index: 1002;
  305. }
  306. ul[_ngcontent-kmh-c147] li[_ngcontent-kmh-c147] {
  307. list-style: none;
  308. display: block;
  309. position: relative;
  310. min-width: 300px;
  311. margin-bottom: 10px;
  312. padding: 10px;
  313. box-sizing: border-box;
  314. color: rgba(255, 255, 255, 0.9);
  315. border-radius: 5px;
  316. box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.3);
  317. }
  318. ul[_ngcontent-kmh-c147] li[_ngcontent-kmh-c147] .icon[_ngcontent-kmh-c147] {
  319. color: white;
  320. border-right: 1px solid rgba(255, 255, 255, 0.3);
  321. padding-right: 10px;
  322. margin-right: 5px;
  323. }
  324. ul[_ngcontent-kmh-c147] li.error[_ngcontent-kmh-c147] {
  325. background: Tomato;
  326. }
  327. ul[_ngcontent-kmh-c147] li.warning[_ngcontent-kmh-c147] {
  328. background: #FF7900;
  329. }
  330. ul[_ngcontent-kmh-c147] li.success[_ngcontent-kmh-c147] {
  331. background: #4BB543;
  332. }
  333. ul[_ngcontent-kmh-c147] li.info[_ngcontent-kmh-c147] {
  334. background: #3264a0;
  335. }
  336. ul[_ngcontent-kmh-c147] li[_ngcontent-kmh-c147]:after {
  337. background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2));
  338. position: absolute;
  339. top: 0;
  340. left: 0;
  341. width: 100%;
  342. height: 100%;
  343. content: "";
  344. }
  345. ul[_ngcontent-kmh-c147] li.fading[_ngcontent-kmh-c147] {
  346. opacity: 0;
  347. transition: 0.5s all;
  348. }
  349. </style>
  350. <style>
  351. [_nghost-kmh-c137] {
  352. grid-row-start: 1;
  353. grid-row-end: 4;
  354. position: relative;
  355. background: #24282e;
  356. }
  357. [_nghost-kmh-c137] #panel[_ngcontent-kmh-c137] {
  358. background: #24282e;
  359. width: 230px;
  360. transition: all 0.3s;
  361. z-index: 3;
  362. }
  363. [_nghost-kmh-c137] #panel[_ngcontent-kmh-c137] *[_ngcontent-kmh-c137] {
  364. white-space: nowrap;
  365. }
  366. .phone-header[_ngcontent-kmh-c137] {
  367. display: none;
  368. }
  369. #panel.compact[_ngcontent-kmh-c137] {
  370. width: 50px;
  371. }
  372. #panel.compact[_ngcontent-kmh-c137] .category[_ngcontent-kmh-c137] {
  373. display: none;
  374. }
  375. #panel.compact[_ngcontent-kmh-c137] .user[_ngcontent-kmh-c137] {
  376. padding: 0;
  377. }
  378. #panel.compact[_ngcontent-kmh-c137] .user[_ngcontent-kmh-c137] .name[_ngcontent-kmh-c137],
  379. #panel.compact[_ngcontent-kmh-c137] .user[_ngcontent-kmh-c137] .description[_ngcontent-kmh-c137] {
  380. display: none;
  381. }
  382. #panel.compact[_ngcontent-kmh-c137] .user[_ngcontent-kmh-c137] .avatar[_ngcontent-kmh-c137] {
  383. width: 50px;
  384. height: 50px;
  385. border-radius: 0;
  386. }
  387. #panel.compact[_ngcontent-kmh-c137] .user[_ngcontent-kmh-c137] .icons[_ngcontent-kmh-c137] {
  388. display: none;
  389. }
  390. #panel.compact[_ngcontent-kmh-c137] .menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137] {
  391. font-size: 1.25em;
  392. }
  393. #panel.compact[_ngcontent-kmh-c137] .menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137] .link-label[_ngcontent-kmh-c137] {
  394. display: none;
  395. }
  396. #panel.compact[_ngcontent-kmh-c137] .phone-header[_ngcontent-kmh-c137] {
  397. margin: 3px;
  398. font-size: 1.25em;
  399. }
  400. @media only screen and (max-width: 800px) {
  401. #panel[_ngcontent-kmh-c137] {
  402. position: fixed;
  403. top: 0;
  404. left: 0;
  405. width: 230px;
  406. height: 100%;
  407. overflow-y: scroll;
  408. }
  409. header[_ngcontent-kmh-c137] {
  410. display: none;
  411. }
  412. .phone-header[_ngcontent-kmh-c137] {
  413. color: white;
  414. border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  415. padding: 10px;
  416. margin: 10px;
  417. display: block;
  418. }
  419. }
  420. header[_ngcontent-kmh-c137] {
  421. color: #fff;
  422. z-index: 5;
  423. background-image: url('/assets/images/serverlogo_big.png');
  424. background-repeat: no-repeat;
  425. background-size: 90%;
  426. background-position: center;
  427. padding: 15px;
  428. height: 50px;
  429. }
  430. header[_ngcontent-kmh-c137] h1[_ngcontent-kmh-c137] {
  431. font-size: 20px;
  432. display: none;
  433. }
  434. .user[_ngcontent-kmh-c137] {
  435. width: 100%;
  436. padding: 10px 10px 10px 10px;
  437. background: #24282e;
  438. position: relative;
  439. box-sizing: border-box;
  440. font-size: 1em;
  441. }
  442. .user[_ngcontent-kmh-c137] .avatar[_ngcontent-kmh-c137] {
  443. width: 45px;
  444. height: 45px;
  445. display: inline-block;
  446. }
  447. .user[_ngcontent-kmh-c137] .avatar[_ngcontent-kmh-c137] img[_ngcontent-kmh-c137] {
  448. width: 100%;
  449. height: 100%;
  450. border-radius: 50px;
  451. }
  452. .user[_ngcontent-kmh-c137] .description[_ngcontent-kmh-c137] {
  453. display: inline-block;
  454. vertical-align: top;
  455. padding-left: 10px;
  456. color: white;
  457. line-height: 1;
  458. }
  459. .user[_ngcontent-kmh-c137] .description[_ngcontent-kmh-c137] .rank[_ngcontent-kmh-c137] {
  460. color: rgba(255, 255, 255, 0.75);
  461. display: block;
  462. line-height: 1;
  463. font-size: 1em;
  464. }
  465. .user[_ngcontent-kmh-c137] .icons[_ngcontent-kmh-c137] {
  466. color: rgba(255, 255, 255, 0.75);
  467. display: inline;
  468. position: absolute;
  469. bottom: 10px;
  470. right: 10px;
  471. text-align: right;
  472. }
  473. .user[_ngcontent-kmh-c137] .icons[_ngcontent-kmh-c137] a[_ngcontent-kmh-c137] {
  474. margin-left: 5px;
  475. cursor: pointer;
  476. }
  477. .user[_ngcontent-kmh-c137] .icons[_ngcontent-kmh-c137] .icon[_ngcontent-kmh-c137]:hover {
  478. color: white;
  479. }
  480. .user[_ngcontent-kmh-c137] .icons[_ngcontent-kmh-c137] .selected[_ngcontent-kmh-c137] {
  481. color: #ffffff !important;
  482. border-bottom: 3px solid #55a9fe;
  483. }
  484. .category[_ngcontent-kmh-c137] {
  485. background: #24282e;
  486. padding: 10px;
  487. margin-top: 5px;
  488. cursor: pointer;
  489. -webkit-user-select: none;
  490. -moz-user-select: none;
  491. -ms-user-select: none;
  492. user-select: none;
  493. }
  494. .category[_ngcontent-kmh-c137] h2[_ngcontent-kmh-c137] {
  495. font-size: 1em;
  496. font-weight: bold;
  497. color: white;
  498. text-align: left;
  499. }
  500. .category[_ngcontent-kmh-c137] .change[_ngcontent-kmh-c137] {
  501. text-align: center;
  502. text-decoration: none;
  503. font-size: 10px;
  504. }
  505. .category[_ngcontent-kmh-c137] .collapse[_ngcontent-kmh-c137] {
  506. float: right;
  507. color: rgba(255, 255, 255, 0.8);
  508. }
  509. .category[_ngcontent-kmh-c137] .collapse[_ngcontent-kmh-c137]:hover {
  510. color: white;
  511. }
  512. ul.menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137] {
  513. color: rgba(255, 255, 255, 0.9);
  514. padding: 5px 5px 5px 10px;
  515. margin-top: 5px;
  516. cursor: pointer;
  517. font-size: 1em;
  518. list-style-type: none;
  519. outline: none;
  520. }
  521. ul.menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137] a[_ngcontent-kmh-c137] {
  522. text-decoration: none;
  523. color: inherit;
  524. }
  525. ul.menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137] .link-label[_ngcontent-kmh-c137] {
  526. margin-left: 10px;
  527. }
  528. ul.menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137] svg[_ngcontent-kmh-c137] {
  529. color: rgba(255, 255, 255, 0.5);
  530. }
  531. ul.menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137]:hover {
  532. color: white;
  533. }
  534. ul.menu[_ngcontent-kmh-c137] li.selected[_ngcontent-kmh-c137] {
  535. border-left: 3px solid #55a9fe;
  536. padding-left: 7px;
  537. color: white;
  538. }
  539. ul.menu[_ngcontent-kmh-c137] li.selected[_ngcontent-kmh-c137] svg[_ngcontent-kmh-c137] {
  540. color: white;
  541. }
  542. ul.menu[_ngcontent-kmh-c137] li[_ngcontent-kmh-c137]:last-child {
  543. margin-bottom: 20px !important;
  544. }
  545. .gov[_ngcontent-kmh-c137] {
  546. position: relative;
  547. z-index: 1;
  548. text-shadow: 0 0 5px black;
  549. }
  550. .gov[_ngcontent-kmh-c137]:before {
  551. content: "";
  552. width: 100%;
  553. height: 100%;
  554. position: absolute;
  555. top: 0;
  556. left: 0;
  557. background-image: url("/assets/images/gov-menu.png");
  558. z-index: -1;
  559. opacity: 0.5;
  560. }
  561. </style>
  562. <style>
  563. @media only screen and (max-width: 800px) {
  564. [_nghost-kmh-c140] {
  565. grid-row: 1/span 1 !important;
  566. grid-column: 1/span 1 !important;
  567. }
  568. #wrapper[_ngcontent-kmh-c140] {
  569. grid-template-columns: auto 175px auto 100px !important;
  570. }
  571. }
  572. [_nghost-kmh-c140] {
  573. padding: 4px;
  574. background: #323439;
  575. z-index: 1;
  576. position: relative;
  577. font-size: 14px;
  578. }
  579. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] {
  580. display: grid;
  581. padding: 5px;
  582. overflow: auto;
  583. grid-template-columns: auto -webkit-min-content;
  584. grid-template-columns: auto min-content;
  585. width: 100%;
  586. }
  587. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] {
  588. font-weight: bold;
  589. text-align: right;
  590. margin: 0px 10px 0 0px;
  591. cursor: pointer;
  592. font-size: 1em;
  593. display: flex;
  594. align-items: center;
  595. white-space: nowrap;
  596. }
  597. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .user[_ngcontent-kmh-c140] {
  598. display: flex;
  599. align-content: center;
  600. font-weight: 500;
  601. cursor: pointer;
  602. }
  603. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .user[_ngcontent-kmh-c140] .avatar[_ngcontent-kmh-c140] {
  604. border-radius: 50%;
  605. background-size: 100%;
  606. height: 30px;
  607. width: 30px;
  608. position: relative;
  609. margin-left: 10px;
  610. }
  611. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .user[_ngcontent-kmh-c140] .avatar[_ngcontent-kmh-c140] .dropdown[_ngcontent-kmh-c140] {
  612. color: white;
  613. position: absolute;
  614. bottom: -5px;
  615. right: -5px;
  616. }
  617. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .user[_ngcontent-kmh-c140] .name[_ngcontent-kmh-c140] {
  618. color: white;
  619. line-height: 1.2;
  620. }
  621. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .user[_ngcontent-kmh-c140] .name[_ngcontent-kmh-c140] .rank[_ngcontent-kmh-c140] {
  622. color: #ddd;
  623. font-weight: 400;
  624. }
  625. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .icon-group[_ngcontent-kmh-c140] {
  626. display: inline-block;
  627. position: relative;
  628. }
  629. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .icon[_ngcontent-kmh-c140] {
  630. margin: 0 0 0 10px;
  631. color: #eee;
  632. background: rgba(255, 255, 255, 0.1);
  633. padding: 10px;
  634. border-radius: 50px;
  635. position: relative;
  636. }
  637. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .icon[_ngcontent-kmh-c140]:hover {
  638. cursor: pointer;
  639. background: rgba(255, 255, 255, 0.2);
  640. }
  641. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .notice[_ngcontent-kmh-c140] {
  642. font-size: 0.9em;
  643. line-height: 1.5em;
  644. background: red;
  645. width: 18px;
  646. height: 18px;
  647. text-align: center;
  648. border-radius: 20px;
  649. position: absolute;
  650. right: 0;
  651. color: rgba(255, 255, 255, 0.6);
  652. top: 0;
  653. }
  654. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .icons[_ngcontent-kmh-c140] .seen[_ngcontent-kmh-c140] {
  655. background: white;
  656. color: #444;
  657. }
  658. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .links[_ngcontent-kmh-c140] {
  659. margin: 3px 0 0 0;
  660. list-style: none;
  661. }
  662. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .links[_ngcontent-kmh-c140] li[_ngcontent-kmh-c140] {
  663. display: inline-block;
  664. margin-right: 10px;
  665. color: rgba(255, 255, 255, 0.5);
  666. background: rgba(255, 255, 255, 0.1);
  667. padding: 5px 10px;
  668. border-radius: 5px;
  669. font-size: 1em;
  670. }
  671. [_nghost-kmh-c140] #wrapper[_ngcontent-kmh-c140] .links[_ngcontent-kmh-c140] li[_ngcontent-kmh-c140]:hover {
  672. cursor: pointer;
  673. background: rgba(255, 255, 255, 0.2);
  674. color: rgba(255, 255, 255, 0.8);
  675. }
  676. .social[_ngcontent-kmh-c140] {
  677. margin: 3px 0 0 20px;
  678. }
  679. .social[_ngcontent-kmh-c140] .discord[_ngcontent-kmh-c140]:hover {
  680. color: #7289da;
  681. }
  682. .social[_ngcontent-kmh-c140] .teamspeak[_ngcontent-kmh-c140]:hover {
  683. color: #87acba;
  684. }
  685. .social[_ngcontent-kmh-c140] .youtube[_ngcontent-kmh-c140]:hover {
  686. color: red;
  687. }
  688. .social[_ngcontent-kmh-c140] .twitter[_ngcontent-kmh-c140]:hover {
  689. color: #00aced;
  690. }
  691. .social[_ngcontent-kmh-c140]>*[_ngcontent-kmh-c140] {
  692. background: rgba(255, 255, 255, 0.1);
  693. padding: 5px;
  694. border-radius: 5px;
  695. margin: 0 5px 0 5px;
  696. color: rgba(255, 255, 255, 0.5);
  697. }
  698. .social[_ngcontent-kmh-c140]>*[_ngcontent-kmh-c140]:hover {
  699. cursor: pointer;
  700. background: rgba(255, 255, 255, 0.2);
  701. }
  702. </style>
  703. <style>
  704. [_nghost-kmh-c139] {
  705. padding: 10px;
  706. font-size: 0.8em;
  707. color: rgba(0, 0, 0, 0.5);
  708. height: 1fr;
  709. background: linear-gradient(to bottom, #eee, #f5f5f5);
  710. text-align: center;
  711. }
  712. [_nghost-kmh-c139] .links[_ngcontent-kmh-c139] a[_ngcontent-kmh-c139] {
  713. text-decoration: none;
  714. padding: 0 10px;
  715. }
  716. </style>
  717. <style>
  718. .container[_ngcontent-kmh-c207] {
  719. position: absolute;
  720. background: white;
  721. right: 60px;
  722. min-width: 300px;
  723. top: 60px;
  724. box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  725. text-align: left;
  726. cursor: default;
  727. font-size: 16px;
  728. padding: 10px;
  729. box-sizing: border-box;
  730. font-weight: 400;
  731. display: grid;
  732. grid-template-columns: 80px auto;
  733. grid-gap: 10px;
  734. z-index: 5;
  735. }
  736. .avatar[_ngcontent-kmh-c207] {
  737. width: 80px;
  738. height: 80px;
  739. }
  740. .menu[_ngcontent-kmh-c207] {
  741. float: right;
  742. display: inline-block;
  743. }
  744. .menu[_ngcontent-kmh-c207] .menu-icon[_ngcontent-kmh-c207] {
  745. color: #666;
  746. padding-left: 10px;
  747. cursor: pointer;
  748. }
  749. .menu[_ngcontent-kmh-c207] .menu-icon[_ngcontent-kmh-c207]:hover {
  750. color: black;
  751. }
  752. .characters[_ngcontent-kmh-c207] {
  753. border-top: 1px solid #ddd;
  754. grid-column: 1/-1;
  755. padding-top: 10px;
  756. }
  757. .characters[_ngcontent-kmh-c207] .character[_ngcontent-kmh-c207] {
  758. display: inline-block;
  759. width: 25px;
  760. height: 25px;
  761. background-size: 300%;
  762. background-position: center top 3px;
  763. background-repeaT: no-repeat;
  764. border-radius: 50%;
  765. background-color: #ddd;
  766. margin-right: 5px;
  767. cursor: pointer;
  768. }
  769. </style>
  770. <style>
  771. [_nghost-kmh-c159] {
  772. position: absolute;
  773. top: 55px;
  774. left: 0;
  775. width: 100%;
  776. height: 5px;
  777. background: #f6f6f6;
  778. }
  779. [_nghost-kmh-c159] .loadingbar[_ngcontent-kmh-c159] {
  780. width: 100%;
  781. height: 100%;
  782. }
  783. [_nghost-kmh-c159] .active[_ngcontent-kmh-c159] {
  784. background: linear-gradient(182deg, #3264a0, #eaf4ff);
  785. background-size: 400% 400%;
  786. -webkit-animation: LoadingSlider 2s ease infinite;
  787. animation: LoadingSlider 2s ease infinite;
  788. }
  789. @-webkit-keyframes LoadingSlider {
  790. 0% {
  791. background-position: 68% 0%;
  792. }
  793. 50% {
  794. background-position: 33% 100%;
  795. }
  796. 100% {
  797. background-position: 68% 0%;
  798. }
  799. }
  800. @keyframes LoadingSlider {
  801. 0% {
  802. background-position: 68% 0%;
  803. }
  804. 50% {
  805. background-position: 33% 100%;
  806. }
  807. 100% {
  808. background-position: 68% 0%;
  809. }
  810. }
  811. </style>
  812. <style>
  813. .active[_ngcontent-kmh-c150] {
  814. visibility: visible !important;
  815. }
  816. .notifications[_ngcontent-kmh-c150]:after {
  817. background: white;
  818. width: 20px;
  819. height: 20px;
  820. pointer-events: none;
  821. border-radius: 3px;
  822. position: absolute;
  823. right: 10px;
  824. top: 0;
  825. transform: rotate(45deg);
  826. content: "";
  827. }
  828. .notifications[_ngcontent-kmh-c150] {
  829. visibility: hidden;
  830. position: absolute;
  831. right: 10px;
  832. top: 50px;
  833. background: white;
  834. border-radius: 5px;
  835. box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.1);
  836. }
  837. .notifications[_ngcontent-kmh-c150] header[_ngcontent-kmh-c150] {
  838. padding: 15px 10px 10px 17px;
  839. border-bottom: 1px solid #eee;
  840. }
  841. .notifications[_ngcontent-kmh-c150] header[_ngcontent-kmh-c150] h2[_ngcontent-kmh-c150] {
  842. display: inline;
  843. font-size: 1em;
  844. font-weight: 500;
  845. color: #888;
  846. }
  847. .notifications[_ngcontent-kmh-c150] header[_ngcontent-kmh-c150] .close[_ngcontent-kmh-c150] {
  848. margin-top: 4px;
  849. margin-left: 10px;
  850. }
  851. .notifications[_ngcontent-kmh-c150] footer[_ngcontent-kmh-c150] {
  852. color: #333;
  853. background: #eee;
  854. padding: 10px;
  855. border-radius: 0 0 8px 8px;
  856. }
  857. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] {
  858. padding: 10px;
  859. }
  860. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] li[_ngcontent-kmh-c150] {
  861. list-style: none;
  862. margin-bottom: 5px;
  863. padding: 5px;
  864. display: flex;
  865. }
  866. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] li[_ngcontent-kmh-c150] .label[_ngcontent-kmh-c150] {
  867. font-weight: 500;
  868. }
  869. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] li[_ngcontent-kmh-c150] .label[_ngcontent-kmh-c150] .time[_ngcontent-kmh-c150] {
  870. display: block;
  871. color: #888;
  872. }
  873. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] li[_ngcontent-kmh-c150] .icon[_ngcontent-kmh-c150] {
  874. background: #55a9fe;
  875. color: white;
  876. border-radius: 50px;
  877. height: -webkit-min-content;
  878. height: -moz-min-content;
  879. height: min-content;
  880. padding: 10px 8px;
  881. margin-right: 15px;
  882. }
  883. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] li.read[_ngcontent-kmh-c150] {
  884. background: transparent;
  885. }
  886. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] li.read[_ngcontent-kmh-c150] .label[_ngcontent-kmh-c150] {
  887. font-weight: 400;
  888. }
  889. .notifications[_ngcontent-kmh-c150] ul[_ngcontent-kmh-c150] li.read[_ngcontent-kmh-c150] .icon[_ngcontent-kmh-c150] {
  890. background: #eee;
  891. color: black;
  892. }
  893. </style>
  894. <style>
  895. .frozen[_ngcontent-kmh-c142] {
  896. -webkit-filter: grayscale(90%);
  897. filter: grayscale(90%);
  898. }
  899. .character_preview[_ngcontent-kmh-c142] {
  900. background-color: #fff;
  901. background-repeat: no-repeat;
  902. background-position: -110px 30px;
  903. min-height: 200px;
  904. cursor: pointer;
  905. line-height: normal;
  906. box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
  907. padding: 15px;
  908. box-sizing: border-box;
  909. }
  910. .character_preview[_ngcontent-kmh-c142] .character_ic_info[_ngcontent-kmh-c142] {
  911. float: right;
  912. padding-top: 10px;
  913. padding-right: 10px;
  914. line-height: normal;
  915. text-shadow: 0 0 9px #fff;
  916. min-width: 50%;
  917. }
  918. .character_preview[_ngcontent-kmh-c142] .character_ic_info[_ngcontent-kmh-c142] .key[_ngcontent-kmh-c142] {
  919. display: block;
  920. font-size: 12px;
  921. text-transform: uppercase;
  922. line-height: normal;
  923. margin-right: 20px;
  924. }
  925. .character_preview[_ngcontent-kmh-c142] .character_ic_info[_ngcontent-kmh-c142] .value[_ngcontent-kmh-c142] {
  926. display: block;
  927. font-size: 14px;
  928. font-weight: bold;
  929. margin-bottom: 5px;
  930. line-height: normal;
  931. }
  932. .app-info[_ngcontent-kmh-c142] {
  933. margin-left: 150px;
  934. display: block;
  935. }
  936. </style>
  937. <style>
  938. @charset "UTF-8";
  939. [_nghost-kmh-c138] {
  940. display: grid;
  941. grid-template-rows: auto 150px 100px 100px 200px auto;
  942. grid-template-columns: auto 500px auto;
  943. height: 100vh;
  944. background: linear-gradient(to bottom, rgba(50, 100, 160, 0.1), rgba(50, 100, 160, 0.1)), url("/assets/images/gunbg.png");
  945. }
  946. [_nghost-kmh-c138] .bg-footer[_ngcontent-kmh-c138] {
  947. grid-row-start: 4;
  948. grid-row-end: -1;
  949. grid-column-start: 1;
  950. grid-column-end: -1;
  951. background: #24282e;
  952. }
  953. [_nghost-kmh-c138] header[_ngcontent-kmh-c138] {
  954. background: url("/assets/images/serverlogo_big.png") no-repeat center;
  955. background-position-y: 0;
  956. grid-column: 2/span 1;
  957. grid-row: 2/span 1;
  958. }
  959. [_nghost-kmh-c138] main.small[_ngcontent-kmh-c138] {
  960. grid-row: 3/span 1;
  961. }
  962. [_nghost-kmh-c138] main.small[_ngcontent-kmh-c138] button[_ngcontent-kmh-c138] {
  963. margin-top: -10px;
  964. }
  965. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] {
  966. grid-row: 3/span 2;
  967. grid-column: 2/span 1;
  968. z-index: 1;
  969. }
  970. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] a[_ngcontent-kmh-c138] {
  971. color: #fff;
  972. text-decoration: none;
  973. }
  974. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] a[_ngcontent-kmh-c138]:hover {
  975. margin-top: -1px;
  976. }
  977. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] {
  978. background: #34373d;
  979. color: #eee;
  980. box-shadow: 0px 0px 20px 3px rgba(5, 5, 0, 0.2);
  981. border-radius: 5px;
  982. width: 400px;
  983. height: 100%;
  984. margin: auto;
  985. display: grid;
  986. grid-template-columns: -webkit-min-content auto;
  987. grid-template-columns: min-content auto;
  988. padding: 20px;
  989. }
  990. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] .label[_ngcontent-kmh-c138] {
  991. background: #3264a0;
  992. color: #e5e5e5;
  993. grid-column-start: 1;
  994. height: 16px;
  995. padding: 10px;
  996. border-radius: 5px 0 0 5px;
  997. }
  998. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] input[_ngcontent-kmh-c138] {
  999. margin-bottom: 20px;
  1000. font-size: 15px;
  1001. padding: 8px;
  1002. background: #43474c;
  1003. color: #eee;
  1004. border: none;
  1005. height: 20px;
  1006. border-radius: 0 5px 5px 0;
  1007. }
  1008. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] input[_ngcontent-kmh-c138]::-webkit-input-placeholder {
  1009. color: #ddd;
  1010. }
  1011. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] input[_ngcontent-kmh-c138]::-moz-placeholder {
  1012. color: #ddd;
  1013. }
  1014. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] input[_ngcontent-kmh-c138]:-ms-input-placeholder {
  1015. color: #ddd;
  1016. }
  1017. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] input[_ngcontent-kmh-c138]::-ms-input-placeholder {
  1018. color: #ddd;
  1019. }
  1020. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] input[_ngcontent-kmh-c138]::placeholder {
  1021. color: #ddd;
  1022. }
  1023. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] input[_ngcontent-kmh-c138]:focus {
  1024. outline: 0;
  1025. }
  1026. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] .checkbox[_ngcontent-kmh-c138] {
  1027. -webkit-appearance: none;
  1028. background-color: #fafafa;
  1029. border: 1px solid #cacece;
  1030. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  1031. padding: 9px;
  1032. border-radius: 3px;
  1033. display: inline-block;
  1034. position: relative;
  1035. margin: 0;
  1036. cursor: pointer;
  1037. }
  1038. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] .checkbox[_ngcontent-kmh-c138]:checked {
  1039. background-color: #e9ecee;
  1040. border: 1px solid #adb8c0;
  1041. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  1042. color: #99a1a7;
  1043. }
  1044. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fieldset[_ngcontent-kmh-c138] .checkbox[_ngcontent-kmh-c138]:checked:after {
  1045. content: "✔";
  1046. font-size: 14px;
  1047. position: absolute;
  1048. top: 0;
  1049. left: 3px;
  1050. color: #99a1a7;
  1051. }
  1052. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] button[_ngcontent-kmh-c138] {
  1053. padding: 8px;
  1054. border: 0;
  1055. font-size: 14px;
  1056. cursor: pointer;
  1057. background: #3264a0;
  1058. color: white;
  1059. width: 100%;
  1060. border-radius: 5px;
  1061. height: 40px;
  1062. margin-top: 15px;
  1063. }
  1064. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] button[_ngcontent-kmh-c138]:disabled,
  1065. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] button[disabled][_ngcontent-kmh-c138] {
  1066. background: #888 !important;
  1067. }
  1068. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] .fat[_ngcontent-kmh-c138] {
  1069. grid-column: 1/span 2;
  1070. }
  1071. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] footer[_ngcontent-kmh-c138] {
  1072. text-align: center;
  1073. margin-top: 10px;
  1074. font-size: 14px;
  1075. }
  1076. [_nghost-kmh-c138] main[_ngcontent-kmh-c138] footer[_ngcontent-kmh-c138] a[_ngcontent-kmh-c138] {
  1077. text-decoration: none;
  1078. color: #aaa;
  1079. margin: 0 20px 0 20px;
  1080. }
  1081. </style>
  1082. <style>
  1083. .popper[_ngcontent-kmh-c158] {
  1084. position: fixed;
  1085. top: 0;
  1086. left: 0;
  1087. right: 0;
  1088. bottom: 0;
  1089. color: #333;
  1090. z-index: 1000;
  1091. display: flex;
  1092. overflow-y: auto;
  1093. }
  1094. .popper[_ngcontent-kmh-c158]::after {
  1095. content: "";
  1096. background: linear-gradient(to bottom, rgba(50, 100, 160, 0.15), rgba(50, 100, 160, 0.15)), url("/assets/images/gunbg.png");
  1097. position: fixed;
  1098. top: 0;
  1099. left: 0;
  1100. right: 0;
  1101. bottom: 0;
  1102. opacity: 0.7;
  1103. z-index: 1000;
  1104. }
  1105. .popup[_ngcontent-kmh-c158] {
  1106. background: white;
  1107. z-index: 1001;
  1108. box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.2);
  1109. border-radius: 3px;
  1110. position: relative;
  1111. margin: auto;
  1112. width: 600px;
  1113. overflow: auto;
  1114. }
  1115. .popup-content[_ngcontent-kmh-c158] {
  1116. padding: 20px;
  1117. }
  1118. header[_ngcontent-kmh-c158] {
  1119. text-align: left;
  1120. padding: 20px;
  1121. border-bottom: 1px solid #eee;
  1122. font-weight: 500;
  1123. color: #333;
  1124. background: #f5f5f5;
  1125. border-radius: 3px 3px 0 0;
  1126. display: flex;
  1127. justify-content: space-between;
  1128. }
  1129. .close[_ngcontent-kmh-c158] {
  1130. cursor: pointer;
  1131. color: #888;
  1132. }
  1133. .close[_ngcontent-kmh-c158]:hover {
  1134. color: #111;
  1135. }
  1136. .popup-form[_ngcontent-kmh-c158] {
  1137. padding: 20px 0 10px 0;
  1138. }
  1139. .popup-form[_ngcontent-kmh-c158] input[_ngcontent-kmh-c158] {
  1140. border: 0;
  1141. border-radius: 5px;
  1142. width: 100%;
  1143. display: block;
  1144. height: 30px;
  1145. }
  1146. .buttons[_ngcontent-kmh-c158] {
  1147. width: 100%;
  1148. text-align: right;
  1149. margin-top: 20px;
  1150. }
  1151. .buttons[_ngcontent-kmh-c158]>*[_ngcontent-kmh-c158] {
  1152. padding-left: 10px;
  1153. }
  1154. </style>
  1155. </head>
  1156. <body>
  1157. <router-outlet _ngcontent-kmh-c135=""></router-outlet>
  1158. <app-register _nghost-kmh-c138="">
  1159. <header _ngcontent-kmh-c138=""></header>
  1160. <main _ngcontent-kmh-c138="">
  1161. <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
  1162. <div _ngcontent-kmh-c138="" class="fieldset">
  1163. <label _ngcontent-kmh-c138="" for="name" class="fa fa-fw fa-user label"></label>
  1164. <input _ngcontent-kmh-c138="" id="name" name="username" placeholder="username" class="ng-valid ng-dirty ng-touched">
  1165. <label _ngcontent-kmh-c138="" for="name" class="fa fa-fw fa-envelope label"></label>
  1166. <input _ngcontent-kmh-c138="" id="name" name="email" placeholder="email address" class="ng-valid ng-dirty ng-touched">
  1167. <label _ngcontent-kmh-c138="" for="password" class="fa fa-fw fa-lock label"></label>
  1168. <input _ngcontent-kmh-c138="" id="password" name="password" type="password" placeholder="password" class="ng-valid ng-dirty ng-touched">
  1169. <label _ngcontent-kmh-c138="" for="password" class="fa fa-fw fa-lock label"></label>
  1170. <input _ngcontent-kmh-c138="" id="password" name="confirm_password" type="password" placeholder="confirm password" class="ng-valid ng-dirty ng-touched">
  1171. <button _ngcontent-kmh-c138="" class="fat">Register</button>
  1172. </div>
  1173. </form>
  1174. <!---->
  1175. <!---->
  1176. <!---->
  1177. <footer _ngcontent-kmh-c138=""><a href="./login"><span style="color:white">Already have an account? Log In</a></footer>
  1178. </br></br>
  1179. <!--<center><span style="color: white; font-size: 11px;">Credits: Realpimp (Front-End, Back-End), Pristine (Bug finding, ideas, other stuff)</span></center>-->
  1180. </main>
  1181. <div _ngcontent-kmh-c138="" class="bg-footer"></div>
  1182. <?php if(strlen($gabim) > 0) { ?>
  1183. <app-alerts _ngcontent-kmh-c138="" _nghost-kmh-c147="">
  1184. <ul _ngcontent-kmh-c147="">
  1185. <li _ngcontent-kmh-c147="" class="info"><span _ngcontent-kmh-c147="" class="icon"><i _ngcontent-kmh-c147="" class="fa fa-fw fa-info-circle"></i></span><span _ngcontent-kmh-c147="" translate="" class="message"> <?php echo $gabim; ?> </span></li>
  1186. <!---->
  1187. </ul>
  1188. </app-alerts>
  1189. <?php } ?>
  1190. </app-login>
  1191. <!---->
  1192. <app-popup-container _ngcontent-kmh-c135="" _nghost-kmh-c186="">
  1193. <!---->
  1194. </app-popup-container>
  1195. <app-version-check _ngcontent-kmh-c135="" _nghost-kmh-c210="">
  1196. <!---->
  1197. </app-version-check>
  1198. </body>
  1199. </html>