Guest User

123654654123

a guest
Oct 20th, 2016
38
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.63 KB | None | 0 0
  1. ---------------------------------------------HTML FILE FOR CAPTIVE PORTAL----------------------------------------------
  2. <html>
  3. <head>
  4. <title>Captive Portal</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <meta http-equiv="pragma" content="no-cache" />
  7. <meta http-equiv="expires" content="-1"/>
  8. <script language="JavaScript" src="/javascript/cyberoamAjax.js"></script>
  9. <script language="JavaScript">
  10. var message = "";
  11. var status = "LOGIN";
  12. var ack = "";
  13. var userName = "";
  14. userName = userName.replace(new RegExp("''", 'g'),"'")
  15. var password = "";
  16. var timer="";
  17. var liveReqTimeInJS=180;
  18. </script>
  19. <script language="JavaScript" src="/javascript/validation/httpclient.js?ver=56469"></script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="1.css" /><![endif]--><link rel="stylesheet" href="1.css" /></head><script language='JavaScript'>document.title='Captive Portal'; var port=80;var httpsport=443;var redirectTo='';var preserveCaptivePortal='';var guestUserEnabled = false;var enablefullcustomization = false;var myAccountLink = true;</script><script language='JavaScript' src='/javascript/validation/oncloselogout.js?ver=94702'></script><body class='bodyclass' style='background:#FFFFFF;font-family: Arial;font-size: 12px;color:#565656;'><div class = 'headerdiv'><table width='100%' cellspacing='0' cellpadding='0'><tr><td style='color:#565656' align='center' valign='middle'><div id="header" style="background:#900000 ; height:75px; width:80%; text-align:center; font-size:28px; padding-top:15px;-moz-box-shadow: 10px 10px 5px #888;
  20. -webkit-box-shadow: 10px 10px 5px #888;
  21. box-shadow: 10px 10px 5px #888;border-top-left-radius: 5px;
  22. border-top-right-radius: 10px;
  23. border-bottom-right-radius: 20px;
  24. border-bottom-left-radius: 15px; margin-left:10px; color:#FFFFFF; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10);">Welcome to Symbiosis Institute of Computer Studies & Research </div></td></tr></table></div><form name='frmHTTPClientLogin' target='_parent' method='post' onSubmit='return checkSubmit();' action='httpclient.html'><input type='hidden' value='191' name='mode'/><div align='center' class = 'maindiv'> <div class='imageblock' bgcolor='#FFFFFF' style='color: #336699'><div class ='image'> <a href='http://www.cyberoam.com' target='_blank'><img id='logo' name='logo' border='0' src='1.pngd'></a> </div><div class='headerclass' id='loginboxtitle' style='background-color:#FFFFFF;color: #336699;' >SICSR</div> <div class='clear'></div></div> <div class='datablock'><div id='msgDiv' align='left' class='msgdiv'></div> <div class='table'> <table cellpadding='1' cellspacing='1' border='0' align='center'> <tr id='usernamelbl'><td style='color:#1B14FF;text-align:left;'><label >Username</label></td></tr><tr id='usernametxt'><td><input type='text' name='username' maxlength='50' class='textbox' ></td></tr><tr id='passwordlbl'><td style='color:#1B14FF;text-align:left;'><label>Password</label></td></tr><tr><td><input type='password' name='password' autocomplete='off' class='textbox'></td></tr><tr><td><input type='submit' name='btnSubmit' value='Login' id='logincaption' class='button' style='color:#1B14FF' /></td></tr></table></div> <div class ='redirectcss'><ul><li class='liformyaccount' id='accountAncLI' style='color:#1B14FF'><a href='#' style='color: #1B14FF;text-decoration: none;' target='_new'
  25. id='accountAnc'>Click here for User My Account</a></li></ul><ul><li id='registerLinkLI' class='liforusername' style='color:#1B14FF'><a href='#' style='color:#1B14FF;text-decoration: none;' id='registerLink'>Click here to get a username to access the Internet</a></li></ul><div id='redirecturl' style='font-size: 11px;font-weight: bold;margin-left: -25px;'><a href='#' style='color: #1B14FF;text-decoration: none;' id='accountAnc'></a></div></div><div class='clear'></div></div><div class = 'noteblock'> <div class = 'notefont' style='display:'';'> Note : Do not close this window, closing this window will log you out. </div></div><div class='clear'></div> </div>
  26.  
  27. <br><br><br>
  28. <div class = 'headerdiv'><table width='100%' cellspacing='0' cellpadding='0'><tr><td height='50px;' style='color:#565656' align='center' valign='middle'><div id="Footer" style="background:#800000 ; height:75px; width:80%; text-align:center; font-size:20px; padding-top:15px;-moz-box-shadow: 10px 10px 5px #888;
  29. -webkit-box-shadow: 10px 10px 5px #888;
  30. box-shadow: 10px 10px 5px #888;border-top-left-radius: 10px;
  31. border-top-right-radius: 10px;
  32. border-bottom-right-radius: 20px;
  33. border-bottom-left-radius: 15px; margin-left:10px; color:#FFFFFF; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10);behavior:url(border-radius.htc); ">Donot Close CAPTIVE PORTAL Tab after Login... Open a New TAB for Surfing....In Case of any query Please Contact to SICSR IT Department </div></td></tr></table></div><script language='JavaScript'>loginValue = 'Login';logoutValue = 'Logout';setHREF();</script><div id="arrivedMsgDiv" style="display:none"></div></form></body></html><script language="Javascript">document.forms[0].password.setAttribute("maxLength",60);</script>
  34.  
  35.  
  36.  
  37. -------------------------------------------CSS FOR CAPTIVE PORTAL-------------------------------------------------------
  38.  
  39. .datablock {padding:2%;}
  40. .noteblock {padding:2%;}
  41. .clear { clear: both;}
  42.  
  43. /* =Responsive Images
  44. -------------------------------------------------------------- */
  45. img {
  46. -ms-interpolation-mode: bicubic;
  47. border: 0;
  48. height: auto;
  49. max-width: 100%;
  50. vertical-align: middle;
  51. }
  52.  
  53. .ie8 img {
  54. height: auto;
  55. width: auto\9;
  56. }
  57.  
  58. .ie8 img.size-large {
  59. max-width: 60%;
  60. width: auto;
  61. }
  62.  
  63.  
  64. @media screen and (max-width: 240px) {
  65. .block {width : 100%; float: left;}
  66. .datablock { margin: 10px 0px; width : 100%; float : left;}
  67. .noteblock {width : 100%; float : left;}
  68.  
  69. .maindiv{
  70. background: #FFFFFF;
  71. margin-top: 5%;
  72. width: 150px !important;
  73. height:auto;
  74. margin: 0 auto;
  75. margin-top : 5%;
  76. padding: 5% 1%;
  77. }
  78. .headerdiv{
  79. width: 150px !important;
  80. height:auto;
  81. overflow: auto;
  82. }
  83. .headerclass{
  84. margin: 8% 0 !important;
  85. width: 100% !important;
  86. font-weight: bold !important;
  87. font-size : 12px !important;
  88. max-height: 50px;
  89. overflow: hidden;
  90. }
  91. .tablecss{
  92. width: 45% !important;
  93. font-weight: bold;
  94. font-size : 11px !important;
  95. float: left;
  96. }
  97. .redirectcss{
  98. float : right;
  99. width : 100% !important;
  100. height : 110px;
  101. margin-top: 10px;
  102. }
  103. .button{
  104. font-weight: bold;
  105. background-color:#BBBBBB;
  106. border: 1px solid #CCCCCC;
  107. font-weight: bold;
  108. min-width: 100px;
  109. padding-top:3px;
  110. padding-bottom: 3px;
  111. margin-top: 10px;
  112. font-size: 12px;
  113. }
  114. .textbox{
  115. border: 1px solid #CCCCCC;
  116. padding-top:3px;
  117. padding-bottom: 3px;
  118. width: 160px !important;
  119. font-size: 13px !important;
  120. line-height: 25px !important;
  121. }
  122. .notefont{
  123. font-weight: bold;
  124. color: #FD0000;
  125. font-size: 8px !important;
  126. margin-top: 12px;
  127. }
  128. .note{ FONT-WEIGHT: bold;
  129. FONT-SIZE: 11px;
  130. COLOR: green;
  131. FONT-FAMILY: tahoma,arial,san-serif;
  132. TEXT-DECORATION: none
  133. }
  134. .errorfont{
  135. FONT-SIZE: 12px;
  136. COLOR: red;
  137. FONT-FAMILY: tahoma,arial,san-serif;
  138. TEXT-DECORATION: none
  139. }
  140. .liformyaccount{
  141. font-size: 11px;
  142. font-weight: bold;
  143. /* margin-left: -25px; */
  144. }
  145. .liforusername{
  146. font-size: 11px;
  147. font-weight: bold;
  148. /* margin-left: -25px; */
  149. }
  150. .msgdiv{
  151. text-align: center;
  152. }
  153. .msgdivForCHALLENGE{
  154. margin-right: 0px !important;
  155. text-align: center;
  156. }
  157. }
  158.  
  159. @media screen and (max-width: 320px) {
  160. .block {width:100%; float: left;}
  161. .datablock {width : 100%; float : left; padding:1% !important;}
  162. .noteblock {width : 100%; float : left;}
  163. body {font-family: Arial;font-size: 9px;}
  164. .maindiv{
  165. background: #FFFFFF;
  166. margin-top: 5%;
  167. width: 200px !important;
  168. height:auto;
  169. margin: 0 auto;
  170. margin-top : 5%;
  171. padding: 5% 1%;
  172. }
  173. .headerdiv{
  174. width: 200px !important;
  175. height:auto;
  176. overflow: auto;
  177. }
  178. .headerclass{
  179. margin: 8% 0 !important;
  180. width: 100% !important;
  181. font-weight: bold !important;
  182. font-size : 12px !important;
  183. max-height: 50px;
  184. overflow: hidden;
  185. }
  186. .tablecss{
  187. width: 45%!important;
  188. font-weight: bold;
  189. font-size : 11px !important;
  190. float: left;
  191. }
  192. .redirectcss{
  193. float : right;
  194. width : 100% !important;
  195. height : 110px;
  196. margin-top: 10px;
  197. }
  198. .button{
  199. font-weight: bold;
  200. background-color:#BBBBBB;
  201. border: 1px solid #CCCCCC;
  202. font-weight: bold;
  203. min-width: 100px;
  204. padding-top:3px;
  205. padding-bottom: 3px;
  206. margin-top: 10px;
  207. font-size: 12px;
  208. }
  209. .textbox{
  210. border: 1px solid #CCCCCC;
  211. padding-top:3px;
  212. padding-bottom: 3px;
  213. width: 190px !important;
  214. font-size: 13px !important;
  215. line-height: 25px !important;
  216. }
  217. .notefont{
  218. font-weight: bold;
  219. color: #FD0000;
  220. font-size: 10px !important;
  221. margin-top: 12px;
  222. }
  223. .image{
  224. float: none !important;
  225. width : 100%;
  226. }
  227. .note{ FONT-WEIGHT: bold;
  228. FONT-SIZE: 11px;
  229. COLOR: green;
  230. FONT-FAMILY: tahoma,arial,san-serif;
  231. TEXT-DECORATION: none
  232. }
  233. .errorfont{
  234. FONT-SIZE: 12px;
  235. COLOR: red;
  236. FONT-FAMILY: tahoma,arial,san-serif;
  237. TEXT-DECORATION: none
  238. }
  239. .liformyaccount{
  240. font-size: 11px;
  241. font-weight: bold;
  242. /* margin-left: -25px; */
  243. }
  244. .liforusername{
  245. font-size: 11px;
  246. font-weight: bold;
  247. /* margin-left: -25px; */
  248. }
  249. .msgdiv{
  250. text-align: center;
  251. }
  252. .msgdivForCHALLENGE{
  253. margin-right: 0px !important;
  254. text-align: center;
  255. }
  256. }
  257.  
  258. @media screen and (max-width: 480px) {
  259. .block {width:100%; float: left;}
  260. .datablock {width : 100%; float : left; padding:1% !important;}
  261. .noteblock {width : 100%; float : left;}
  262. body {font-family: Arial;font-size: 10px;}
  263. .maindiv{
  264. background: #FFFFFF;
  265. margin-top: 5%;
  266. width: 300px !important;
  267. height:auto;
  268. margin: 0 auto;
  269. margin-top : 5%;
  270. padding: 5% 1%;
  271. }
  272. .headerdiv{
  273. width: 300px !important;
  274. height:auto;
  275. overflow: auto;
  276. }
  277. .headerclass{
  278. margin: 8% 0 !important;
  279. width: 100% !important;
  280. font-weight: bold !important;
  281. font-size : 13px !important;
  282. max-height: 50px;
  283. overflow: hidden;
  284. }
  285. .tablecss{
  286. width: 49%;
  287. font-weight: bold;
  288. font-size : 12px;
  289. float: left;
  290. }
  291. .redirectcss{
  292. float : right;
  293. width : 100% !important;
  294. height : 110px;
  295. margin-top: 10px;
  296. }
  297. .button{
  298. font-weight: bold;
  299. background-color:#BBBBBB;
  300. border: 1px solid #CCCCCC;
  301. font-weight: bold;
  302. min-width: 100px;
  303. padding-top:3px;
  304. padding-bottom: 3px;
  305. margin-top: 10px;
  306. font-size: 12px;
  307. }
  308. .textbox{
  309. border: 1px solid #CCCCCC;
  310. padding-top:3px;
  311. padding-bottom: 3px;
  312. width: 200px;
  313. font-size: 13px !important;
  314. line-height: 25px !important;
  315. }
  316. .notefont{
  317. font-weight: bold;
  318. color: #FD0000;
  319. font-size: 9px !important;
  320. margin-top: 12px;
  321. }
  322. .image{
  323. float: none !important;
  324. width : 100%;
  325. }
  326. .note{ FONT-WEIGHT: bold;
  327. FONT-SIZE: 11px;
  328. COLOR: green;
  329. FONT-FAMILY: tahoma,arial,san-serif;
  330. TEXT-DECORATION: none
  331. }
  332. .errorfont{
  333. FONT-SIZE: 12px;
  334. COLOR: red;
  335. FONT-FAMILY: tahoma,arial,san-serif;
  336. TEXT-DECORATION: none
  337. }
  338. .liformyaccount{
  339. font-size: 11px;
  340. font-weight: bold;
  341. /* margin-left: -82px; */
  342. }
  343. .liforusername{
  344. font-size: 11px;
  345. font-weight: bold;
  346. /* margin-left: 30px; */
  347. }
  348. .msgdiv{
  349. text-align: center;
  350. }
  351. .msgdivForCHALLENGE{
  352. margin-right: 0px !important;
  353. text-align: center;
  354. }
  355. }
  356.  
  357. @media screen and (max-width: 650px) {
  358. body {font-family: Arial;font-size: 11px;}
  359. .block {width:100%; float: left;}
  360. .datablock {width : 100%; float : left; padding:1% !important;}
  361. .noteblock {width : 100%; float : left;}
  362. .maindiv{
  363. background: #FFFFFF;
  364. margin-top: 5%;
  365. box-shadow: none !important;
  366. border: none !important;
  367. width: 60% !important;
  368. margin: 0 15%;
  369. padding: 5% 1%;
  370. }
  371. .headerdiv{
  372. width: 80% !important;
  373. height:auto;
  374. overflow: auto;
  375. }
  376. .headerclass{
  377. width: 180px;
  378. font-weight: bold;
  379. font-size : 14px;
  380. margin: 8% 0 !important;
  381. max-height: 50px;
  382. overflow: hidden;
  383. }
  384. .tablecss{
  385. width: 49%;
  386. font-weight: bold;
  387. font-size : 12px;
  388. float: left;
  389. }
  390. .redirectcss{
  391. float : right;
  392. width :100% !important;
  393. height : 110px;
  394. margin-top: 10px;
  395. }
  396. .button{
  397. font-weight: bold;
  398. background-color:#BBBBBB;
  399. border: 1px solid #CCCCCC;
  400. font-weight: bold;
  401. min-width: 100px;
  402. padding-top:3px;
  403. padding-bottom: 3px;
  404. margin-top: 10px;
  405. font-size: 12px;
  406. }
  407. .textbox{
  408. border: 1px solid #CCCCCC;
  409. padding-top:3px;
  410. padding-bottom: 3px;
  411. width: 200px;"
  412. font-size: 11px !important;
  413. line-height:20px;
  414. }
  415. .notefont{
  416. font-weight: bold;
  417. color: #FD0000;
  418. font-size: 12px;
  419. margin-top: 12px;
  420. }
  421. .note{ FONT-WEIGHT: bold;
  422. FONT-SIZE: 11px;
  423. COLOR: green;
  424. FONT-FAMILY: tahoma,arial,san-serif;
  425. TEXT-DECORATION: none
  426. }
  427. .errorfont{
  428. FONT-SIZE: 12px;
  429. COLOR: red;
  430. FONT-FAMILY: tahoma,arial,san-serif;
  431. TEXT-DECORATION: none
  432. }
  433. .liformyaccount{
  434. font-size: 11px;
  435. font-weight: bold;
  436. /* margin-left: -82px; */
  437. }
  438. .liforusername{
  439. font-size: 11px;
  440. font-weight: bold;
  441. /* margin-left: 30px; */
  442. }
  443. .msgdiv{
  444. text-align: center;
  445. }
  446. .msgdivForCHALLENGE{
  447. margin-right: 0px !important;
  448. text-align: center;
  449. }
  450. }
  451.  
  452. @media screen and (max-width: 980px) {
  453. body {font-family: Arial;font-size: 12px;}
  454. .block {width:100%; float: left;}
  455. .datablock {width : 100%; float : left;}
  456. .noteblock {width : 100%; float : left;}
  457. .loginboxtitle { float: none !important;}
  458. .maindiv{
  459. background: #FFFFFF;
  460. margin-top: 5%;
  461. box-shadow: 0px 0px 10px #666666;
  462. border: 1px solid #CCCCCC;
  463. width: 70% !important;
  464. margin: 6% 12% !important;
  465. padding: 5% 1%;
  466. }
  467. .headerdiv{
  468. width: 100% !important;
  469. height:auto;
  470. overflow: auto;
  471. }
  472. .headerclass{
  473. /* float: left; */
  474. font-size: 20px;
  475. font-weight: bold;
  476. margin-top: 20px;
  477. max-height: 50px;
  478. overflow: hidden;
  479. width: 100% !important;
  480. }
  481. .tablecss{
  482. width: 100% !important;
  483. font-weight: bold;
  484. font-size : 13px;
  485. float: none !important;
  486. }
  487. .redirectcss{
  488. float : right;
  489. width : 90%;
  490. height : 70px;
  491. margin-top: 10px;
  492. }
  493. .button{
  494. font-weight: bold;
  495. background-color:#BBBBBB;
  496. border: 1px solid #CCCCCC;
  497. font-weight: bold;
  498. min-width: 100px;
  499. padding-top:3px;
  500. padding-bottom: 3px;
  501. margin-top: 10px;
  502. font-size: 12px;
  503. }
  504. .textbox{
  505. border: 1px solid #CCCCCC;
  506. padding-top:3px;
  507. padding-bottom: 3px;
  508. width: 200px;
  509. font-size: 11px !important;
  510. line-height:15px;
  511. }
  512. .notefont{
  513. font-weight: bold;
  514. color: #FD0000;
  515. font-size: 12px;
  516. margin: 2% 0 !important;
  517. }
  518. .image{
  519. float: none !important;
  520. width : 100%;
  521. }
  522. .note{ FONT-WEIGHT: bold;
  523. FONT-SIZE: 11px;
  524. COLOR: green;
  525. FONT-FAMILY: tahoma,arial,san-serif;
  526. TEXT-DECORATION: none
  527. }
  528. .errorfont{
  529. FONT-SIZE: 12px;
  530. COLOR: red;
  531. FONT-FAMILY: tahoma,arial,san-serif;
  532. TEXT-DECORATION: none
  533. }
  534. .liformyaccount{
  535. font-size: 11px;
  536. font-weight: bold;
  537. /* margin-left: -82px; */
  538. text-align: left;
  539. }
  540. .liforusername{
  541. font-size: 11px;
  542. font-weight: bold;
  543. /* margin-left: -25px; */
  544. text-align: left;
  545. }
  546. .msgdiv{
  547. text-align: center;
  548. }
  549. .msgdivForCHALLENGE{
  550. text-align: center;
  551. }
  552. }
  553.  
  554. @media screen and (min-width: 980px){
  555. .block {width:100%; float: left;}
  556. .datablock {width : 100%; float : left;}
  557. .noteblock {width : 100%; float : left;}
  558. body {font-family: Arial;font-size: 13px;}
  559. .maindiv{
  560. background: #FFFFFF;
  561. margin-top: 5%;
  562. box-shadow: 0px 0px 10px #666666;
  563. border: 1px solid #CCCCCC;
  564. width: 500px;
  565. margin: 0 auto;
  566. margin-top : 5%;
  567. padding: 3% 1%;
  568. }
  569. .headerdiv{
  570. width: 100%;
  571. height:auto;
  572. overflow: auto;
  573. }
  574. .headerclass{
  575. float: left;
  576. font-size: 20px;
  577. font-weight: bold;
  578. margin-top: 20px;
  579. max-height: 50px;
  580. overflow: hidden;
  581. width: 55%;
  582. }
  583. .image{
  584. float : right;
  585. width : 30%;
  586. }
  587. .tablecss{
  588. width: 49%;
  589. font-weight: bold;
  590. font-size : 12px;
  591. float: left;
  592. }
  593. .redirectcss{
  594. float : right;
  595. width : 49%;
  596. height : 70px;
  597. margin-top: 10px;
  598. }
  599. .button{
  600. font-weight: bold;
  601. background-color:#BBBBBB;
  602. border: 1px solid #CCCCCC;
  603. font-weight: bold;
  604. min-width: 100px;
  605. padding-top:3px;
  606. padding-bottom: 3px;
  607. margin-top: 10px;
  608. font-size: 12px;
  609. }
  610. .textbox{
  611. border: 1px solid #CCCCCC;
  612. padding-top:3px;
  613. padding-bottom: 3px;
  614. width: 200px;
  615. font-size: 11px !important;
  616. line-height:15px;
  617. }
  618. .notefont{
  619. font-weight: bold;
  620. color: #FD0000;
  621. font-size: 12px;
  622. margin: 2% 0;
  623. }
  624. .note{
  625. FONT-WEIGHT: bold;
  626. FONT-SIZE: 11px;
  627. COLOR: green;
  628. FONT-FAMILY: tahoma,arial,san-serif;
  629. TEXT-DECORATION: none
  630.  
  631. }
  632. .errorfont{
  633. FONT-SIZE: 12px;
  634. COLOR: red;
  635. FONT-FAMILY: tahoma,arial,san-serif;
  636. TEXT-DECORATION: none
  637. }
  638. .liformyaccount{
  639. font-size: 11px;
  640. font-weight: bold;
  641. /* margin-left: -82px; */
  642. text-align: left;
  643. }
  644. .liforusername{
  645. font-size: 11px;
  646. font-weight: bold;
  647. /* margin-left: -25px; */
  648. text-align: left;
  649. }
  650. .msgdiv{
  651. text-align: center;
  652. }
  653. .msgdivForCHALLENGE{
  654. text-align: left;
  655. margin-left: 20px;
  656. }
  657. }
Add Comment
Please, Sign In to add comment