Advertisement
Guest User

qnap

a guest
Mar 6th, 2015
476
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.10 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <title>QNAP Turbo NAS</title>
  5. <script type="text/javascript">
  6. <!--
  7. window.location = "/"
  8. //-->
  9. </script>
  10. <link rel="icon" href="../images/favicon.gif" type="image/gif" />
  11. <link rel="stylesheet" type="text/css"
  12. href="../libs/extjs-3.3.3/resources/css/ext-all-notheme.css" />
  13. <link rel="stylesheet" type="text/css"
  14. href="../libs/extjs-3.3.3/resources/css/qnap-default.css?_dc=4.1.1.20141101" />
  15. <link rel="stylesheet" type="text/css"
  16. href="css/qos.css?_dc=4.1.1.20141101" />
  17. <script type="text/javascript"
  18. src="../libs/extjs-3.3.3/adapter/ext/ext-base.js"></script>
  19. <script type="text/javascript" src="../libs/extjs-3.3.3/ext-all.js"></script>
  20. <script type="text/javascript" src="../ajax_obj/extjs/languages.js"></script>
  21. <script type="text/javascript" src="../libs/headjs-0.9/head.load.min.js"></script>
  22. <script type="text/javascript" src="../libs/AC_OETags.js"
  23. language="javascript"></script>
  24. <script type="text/javascript"
  25. src="../libs/qnap-lib.js?_dc=4.1.1.20141101"></script>
  26. <script type="text/javascript" src="js/qos-lib.js"></script>
  27. <script type="text/javascript" src="langs/lang_ENG.js"></script>
  28. <script type="text/javascript" src="js/login.js?v=4.0"></script>
  29.  
  30.  
  31. <style type="text/css">
  32. <!--
  33. .qsmLogin {
  34. font-family: verdana;
  35. background-color: #101216;
  36. background-image: url('./images/theme1/login/bg-close.png');
  37. background-position: 50% 50%;
  38. color: #fff;
  39. }
  40.  
  41. .bg-close {
  42. background-image: url('./images/theme1/login/bg-close.png');
  43. }
  44.  
  45. .bg-open {
  46. background-image: url('./images/theme1/login/bg-open.png');
  47. }
  48.  
  49. .qsmLogin .x-btn-group .x-btn-text {
  50. font-weight: bold;
  51. font-family: verdana;
  52. fotn-size: 10.5pt;
  53. color: #000;
  54. display: block;
  55. width: 100%;
  56. }
  57.  
  58. .qsmLogin .splitLine {
  59. height: 2px;
  60. right: 0px;
  61. left: 0px;
  62. background-color: red;
  63. }
  64.  
  65. .qsmLogin .serviceName {
  66. font-size: 36px;
  67. color: #b4e654;
  68. bottom: 25px;
  69. text-align: center;
  70. position: absolute;
  71. width: 100%;
  72. }
  73.  
  74. .qsmLogin .separate {
  75. background-image: url('./images/theme1/login/separate line.png');
  76. position: absolute;
  77. width: 100%;
  78. height: 3px;
  79. }
  80.  
  81. .qsmLogin .x-form-item {
  82. font-weight: bold;
  83. font-size: 10pt;
  84. }
  85.  
  86. .qsmLogin .serviceBlockx {
  87. position: relative;
  88. width: 100%;
  89. height: 100%;
  90. }
  91.  
  92. .qsmLogin .appIconx {
  93. bottom: -25px;
  94. position: relative;
  95. }
  96.  
  97. .qsmLogin a {
  98. text-decoration: none;
  99. font-size: 9px;
  100. color: #fff;
  101. }
  102.  
  103. .qsmLogin .x-btn-group-ml,.qsmLogin .x-btn-group-tl,.qsmLogin .x-btn-group-bl,.qsmLogin .x-btn-group-tr,.qsmLogin .x-btn-group-mr,.qsmLogin .x-btn-group-br,.qsmLogin .x-btn-group-tc,.qsmLogin .x-btn-group-bc,.qsmLogin .rightBtn .x-btn-bc,.qsmLogin .rightBtn .x-btn-bl,.qsmLogin .rightBtn .x-btn-br,.qsmLogin .rightBtn .x-btn-tc,.qsmLogin .rightBtn .x-btn-tl,.qsmLogin .rightBtn .x-btn-tr,.qsmLogin .rightBtn .x-btn-ml,.qsmLogin .rightBtn .x-btn-mr,.qsmLogin .leftBtn .x-btn-bc,.qsmLogin .leftBtn .x-btn-bl,.qsmLogin .leftBtn .x-btn-br,.qsmLogin .leftBtn .x-btn-tc,.qsmLogin .leftBtn .x-btn-tl,.qsmLogin .leftBtn .x-btn-tr,.qsmLogin .leftBtn .x-btn-ml,.qsmLogin .leftBtn .x-btn-mr
  104. {
  105. background: none;
  106. }
  107.  
  108. .qsmLogin .x-btn-group {
  109. padding: 20px 20px;
  110. }
  111.  
  112. .qsmLogin .x-btn-group .x-btn-click { //
  113. -webkit-box-shadow: 3px 3px 10px #EBFFEB, -3px -3px 10px #EBFFEB, 3px
  114. 3px 20px #19FF1C, -3px -3px 20px #19FF1C;
  115. -webkit-box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.5), -3px -3px 3px
  116. rgba(255, 255, 255, 0.5), 3px 3px 20px #19FF1C, -3px -3px 20px #19FF1C,
  117. 3px 3px 5px #EBFFEB, -3px -3px 5px #EBFFEB;
  118. z-index: 2;
  119. }
  120.  
  121. .qsmLogin .x-btn-group .serviceBlock .settingIcon {
  122. background-image: url('./images/theme1/login/settingMouseout.png');
  123. width: 29px;
  124. height: 25px;
  125. bottom: 5px;
  126. position: absolute;
  127. left: 120px;
  128. }
  129.  
  130. .qsmLogin .x-btn-group .serviceBlock .over {
  131. background-image: url('./images/theme1/login/settingMouseover.png');
  132. }
  133.  
  134. .qsmLogin .x-btn-group .lockIcon {
  135. background-image: url('./images/theme1/login/lock.png');
  136. width: 12px;
  137. height: 13px;
  138. bottom: 33px;
  139. position: absolute;
  140. left: 128px;
  141. }
  142.  
  143. .qsmLogin .x-btn-group .x-btn-bl {
  144. width: 8px;
  145. height: 10px;
  146. background-image:
  147. url('./images/theme1/login/serviceIcon/icon-left-out.png');
  148. background-position: 0 bottom;
  149. }
  150.  
  151. .qsmLogin .x-btn-group .x-btn-br {
  152. width: 4px;
  153. height: 10px;
  154. background-image:
  155. url('./images/theme1/login/serviceIcon/icon-right-out.png');
  156. background-position: right bottom;
  157. }
  158.  
  159. .qsmLogin .x-btn-group .x-btn-bc {
  160. background-position: 0 bottom;
  161. background-image:
  162. url('./images/theme1/login/serviceIcon/icon-mid-out.png');
  163. }
  164.  
  165. .qsmLogin .x-btn-group .x-btn-ml {
  166. width: 8px;
  167. height: 102px;
  168. background-position: 0 -7px;
  169. background-image:
  170. url('./images/theme1/login/serviceIcon/icon-left-out.png');
  171. }
  172.  
  173. .qsmLogin .x-btn-group .x-btn-mr {
  174. width: 4px;
  175. height: 102px;
  176. background-position: right -7px;
  177. background-image:
  178. url('./images/theme1/login/serviceIcon/icon-right-out.png');
  179. }
  180.  
  181. .qsmLogin .x-btn-group  .x-btn-mc {
  182. background-position: 0 -7px;
  183. width: 160px;
  184. height: 102px;
  185. background-image:
  186. url('./images/theme1/login/serviceIcon/icon-mid-out.png');
  187. }
  188.  
  189. .qsmLogin .x-btn-group .x-btn-tl {
  190. width: 8px;
  191. height: 6px;
  192. background-position: 0 top;
  193. background-image:
  194. url('./images/theme1/login/serviceIcon/icon-left-out.png');
  195. background-position: 0 top;
  196. }
  197.  
  198. .qsmLogin .x-btn-group .x-btn-tr {
  199. width: 4px;
  200. background-position: right top;
  201. background-image:
  202. url('./images/theme1/login/serviceIcon/icon-right-out.png');
  203. }
  204.  
  205. .qsmLogin .x-btn-group .x-btn-tc {
  206. background-position: right top;
  207. background-image:
  208. url('./images/theme1/login/serviceIcon/icon-mid-out.png');
  209. }
  210.  
  211. .qsmLogin .x-btn-group .x-btn-over .x-btn-tl,.qsmLogin .x-btn-group .x-btn-pressed .x-btn-tl
  212. {
  213. background-image:
  214. url('./images/theme1/login/serviceIcon/icon-left-over.png');
  215. }
  216.  
  217. .qsmLogin .x-btn-group .x-btn-over  .x-btn-tr,.qsmLogin .x-btn-group .x-btn-pressed .x-btn-tr
  218. {
  219. background-image:
  220. url('./images/theme1/login/serviceIcon/icon-right-over.png');
  221. }
  222.  
  223. .qsmLogin .x-btn-group .x-btn-over  .x-btn-tc,.qsmLogin .x-btn-group .x-btn-pressed  .x-btn-tc
  224. {
  225. background-image:
  226. url('./images/theme1/login/serviceIcon/icon-mid-over.png');
  227. }
  228.  
  229. .qsmLogin .x-btn-group .x-btn-over .x-btn-ml,.qsmLogin .x-btn-group .x-btn-pressed  .x-btn-ml
  230. {
  231. background-image:
  232. url('./images/theme1/login/serviceIcon/icon-left-over.png');
  233. }
  234.  
  235. .qsmLogin .x-btn-group .x-btn-over .x-btn-mr,.qsmLogin .x-btn-group .x-btn-pressed  .x-btn-mr
  236. {
  237. background-image:
  238. url('./images/theme1/login/serviceIcon/icon-right-over.png');
  239. }
  240.  
  241. .qsmLogin .x-btn-group  .x-btn-over .x-btn-mc,.qsmLogin .x-btn-group .x-btn-pressed  .x-btn-mc
  242. {
  243. background-image:
  244. url('./images/theme1/login/serviceIcon/icon-mid-over.png');
  245. }
  246.  
  247. .qsmLogin .x-btn-group .x-btn-over .x-btn-bl,.qsmLogin .x-btn-group .x-btn-pressed .x-btn-bl
  248. {
  249. background-image:
  250. url('./images/theme1/login/serviceIcon/icon-left-over.png');
  251. }
  252.  
  253. .qsmLogin .x-btn-group .x-btn-over .x-btn-br,.qsmLogin .x-btn-group .x-btn-pressed .x-btn-br
  254. {
  255. background-image:
  256. url('./images/theme1/login/serviceIcon/icon-right-over.png');
  257. }
  258.  
  259. .qsmLogin .x-btn-group .x-btn-over .x-btn-bc,.qsmLogin .x-btn-group .x-btn-pressed .x-btn-bc
  260. {
  261. background-image:
  262. url('./images/theme1/login/serviceIcon/icon-mid-over.png');
  263. }
  264.  
  265. .qsmLogin .loginBtnBox {
  266. text-align: right;
  267. }
  268.  
  269. .qsmLogin .leftBtn {
  270. right: 10px;
  271. position: absolute;
  272. top: 60px;
  273. }
  274.  
  275. .qsmLogin .leftBtn .x-btn-mc {
  276. height: 41px;
  277. width: 41px;
  278. background-position: 50% 50%;
  279. background-repeat: no-repeat;
  280. background-image:
  281. url('./images/theme1/login/serviceIcon/left-button-mouseout.png');
  282. }
  283.  
  284. .qsmLogin .leftBtn-over   .x-btn-mc {
  285. background-image:
  286. url('./images/theme1/login/serviceIcon/left-button-mouseover.png');
  287. }
  288.  
  289. .qsmLogin .rightBtn {
  290. left: 10px;
  291. position: absolute;
  292. top: 60px;
  293. }
  294.  
  295. .qsmLogin .rightBtn .x-btn-mc {
  296. height: 41px;
  297. width: 41px;
  298. background-position: 50% 50%;
  299. background-repeat: no-repeat;
  300. background-image:
  301. url('./images/theme1/login/serviceIcon/right-button-mouseout.png');
  302. }
  303.  
  304. .qsmLogin .rightBtn-over  .x-btn-mc {
  305. background-image:
  306. url('./images/theme1/login/serviceIcon/right-button-mouseover.png');
  307. }
  308.  
  309. .qsmLogin .loginBtnBox .loginBtn {
  310. cursor: pointer;
  311. font-weight: bold;
  312. font-size: 10pt;
  313. }
  314.  
  315. .qsmLogin div {
  316. background-color: transparent;
  317. }
  318.  
  319. .qsmLogin .ext-mb-text{
  320. color: #000;
  321. }
  322. .qsmLogin .x-window-header {
  323. background-color: #EAEAEA;
  324. }
  325. .qsmLogin .x-window-bc {
  326. background-color: #FFF;
  327. }
  328. .x-window .x-window-header,.x-panel-ghost .x-window-header{
  329. height:30px;
  330. }
  331. .x-window.AddClose .x-tool-close,.x-panel-ghost .x-tool-close{
  332. background-image:url(images/toolbar/icon_close_one.png);
  333. width:41px;
  334. height:21px;
  335. background-position:0 0;
  336. margin-right:0;
  337. }
  338.  
  339. .qsmLogin .x-form-check-wrap {
  340. font-size: 11pt;
  341. font-weight: normal;
  342. }
  343.  
  344. .topHead {
  345. background-image: url('./images/theme1/login/head.png');
  346. height: 12px;
  347. left: 0px;
  348. top: 0px;
  349. position: absolute;
  350. width: 100%;
  351. }
  352.  
  353. .logo {
  354. background-image: url('./images/theme1/login/logo.png');
  355. background-repeat: no-repeat;
  356. height: 31px;
  357. width: 174px;
  358. position: absolute;
  359. right: 190px;
  360. bottom: 40px;
  361. }
  362.  
  363. .qsmLogin .x-form-field {
  364. background-image: none;
  365. background-color: transparent;
  366. padding-left: 6px;
  367. border: none;
  368. }
  369.  
  370. .qsmLogin .x-form-element .textInput {
  371. position: absolute;
  372. top: 0px;
  373. z-index: 1;
  374. }
  375.  
  376. .qsmLogin   .password {
  377. padding-top: 10px;
  378. padding-bottom: 13px;
  379. }
  380.  
  381. .qsmLogin .x-form-element .inputLeft {
  382. background-image: url('./images/theme1/login/left.png');
  383. height: 21px;
  384. width: 6px;
  385. width: 100%;
  386. z-index: 0;
  387. }
  388.  
  389. .qsmLogin .x-form-element .inputCenter {
  390. background-image: url('./images/theme1/login/mid.png');
  391. height: 21px;
  392. width: 100%;
  393. }
  394.  
  395. .qsmLogin .x-form-element .inputRight {
  396. display: block;
  397. background-image: url('./images/theme1/login/right.png');
  398. height: 21px;
  399. width: 6px;
  400. width: 100%;
  401. }
  402.  
  403. /**
  404. serviceBlock
  405. **/
  406. .serviceDVList div {
  407. float: left;
  408. font-size: 10.5px;
  409. font-weight: bold;
  410. text-align: center;
  411. color: black;
  412. position: relative;
  413. /*height: 118px;*/
  414. }
  415.  
  416. .serviceBlock {
  417. cursor: pointer;
  418. }
  419.  
  420. .serviceDVList {
  421. padding-top: 36px;
  422. padding-bottom: 10px;
  423. }
  424.  
  425. .serviceDVList .serviceBtn-left {
  426. height: 118px;
  427. width: 7px;
  428. background-image:
  429. url('./images/theme1/login/serviceIcon/icon-left-out.png');
  430. }
  431.  
  432. .lightMask .serviceBtn-left {
  433. background-image:
  434. url('./images/theme1/login/serviceIcon/icon-left-over.png');
  435. }
  436.  
  437. .serviceDVList .serviceBtn-center {
  438. width: 129px;
  439. height: 118px;
  440. background-image:
  441. url('./images/theme1/login/serviceIcon/icon-mid-out.png');
  442. }
  443.  
  444. .lightMask .serviceBtn-center {
  445. background-image:
  446. url('./images/theme1/login/serviceIcon/icon-mid-over.png');
  447. }
  448.  
  449. .serviceDVList .serviceBtn-right {
  450. height: 118px;
  451. width: 4px;
  452. background-image:
  453. url('./images/theme1/login/serviceIcon/icon-right-out.png');
  454. }
  455.  
  456. .lightMask .serviceBtn-right {
  457. background-image:
  458. url('./images/theme1/login/serviceIcon/icon-right-over.png');
  459. }
  460.  
  461. .serviceDVList .name {
  462. width: 129px;
  463. padding-top: 10px;
  464. display: block;
  465. float: none;
  466. top: 0px;
  467. position: absolute;
  468. }
  469.  
  470. .serviceDVList .name-ie {
  471. position: static;
  472. }
  473.  
  474. .serviceDVList .img {
  475. float: none;
  476. position: absolute;
  477. width: 129px;
  478. bottom: 18px;
  479. }
  480.  
  481. .serviceDVList .img-ie {
  482. position: static;
  483. }
  484.  
  485. .serviceDVList .settingIcon {
  486. background-image: url('./images/theme1/login/settingMouseout.png');
  487. width: 29px;
  488. height: 25px;
  489. bottom: 11px;
  490. position: absolute;
  491. right: 2px;
  492. }
  493.  
  494. .serviceDVList .settingIcon-ie { /*position: static;*/
  495. }
  496.  
  497. .serviceDVList .settingIcon-over {
  498. background-image: url('./images/theme1/login/settingMouseover.png');
  499. width: 29px;
  500. height: 25px;
  501. bottom: 11px;
  502. position: absolute;
  503. right: 2px;
  504. }
  505.  
  506. .serviceDVList .settingIcon-over-ie { /*position: static;*/
  507. }
  508.  
  509. .serviceDVList .lockIcon {
  510. background-image: url('./images/theme1/login/lock.png');
  511. width: 12px;
  512. height: 13px;
  513. bottom: 40px;
  514. position: absolute;
  515. right: 10px;
  516. }
  517.  
  518. .serviceDVList .lockIcon { /*position: static;*/
  519. }
  520.  
  521. .serviceDVList .lightBox {
  522. background-image:
  523. url('./images/theme1/login/serviceIcon/serviceMask.png');
  524. position: absolute;
  525. border-radius: 10px;
  526. box-shadow: 3px 3px 10px rgba(116, 192, 0, .5) inset, -3px -3px 10px
  527. rgba(116, 192, 0, .5) inset, 3px 3px 5px rgba(76, 135, 0, .5) inset,
  528. -3px -3px 5px rgba(76, 135, 0, .5) inset, 3px 3px 10px
  529. rgba(116, 192, 0, .5), -3px -3px 10px rgba(116, 192, 0, .5), 3px 3px
  530. 5px rgba(76, 135, 0, .5), -3px -3px 5px rgba(76, 135, 0, .5)
  531. }
  532.  
  533. .x-panel-body {
  534. background-color: transparent;
  535. border: none;
  536. }
  537.  
  538. div.x-combo-list-item {
  539. color: #000;
  540. background-color: #fff;
  541. }
  542. -->
  543. </style>
  544. </head>
  545.  
  546. <body id="qos-body" scroll="no" onSelectStart="event.returnValue=false">
  547.  
  548.  
  549. <script>
  550. var _S = {}
  551. //,_dc = '4.1.1.20141101';
  552. , _dc = '';
  553. _S = _Q_STRINGS;
  554. QNAP.debugMode = true;
  555.  
  556. Ext.ns('QNAP.QOS');
  557.  
  558. QNAP.QOS.user = {
  559. account : '',
  560. sid : '',
  561. isAdminGroup : false,
  562. lang : '',
  563. shortcuts : '',
  564. quidk_set : 0
  565. }
  566.  
  567. QNAP.QOS.config = {
  568. sitePath : '/cgi-bin/',
  569. rootUrl : location.protocol + '//' + location.hostname + (location.port === '' ? '' : ':' + location.port),
  570. defaultLang : 'ENG',
  571. defaultAdminShortcuts : 'systemPreferences,fileExplorer,systemLogs',
  572. defaultUserShortcuts : 'fileExplorer'
  573. };
  574.  
  575. // include s_lang
  576. QNAP.QOS.user.lang = 'ENG';
  577. </script>
  578.  
  579. </body>
  580. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement