Guest User

Untitled

a guest
Feb 16th, 2019
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.96 KB | None | 0 0
  1. <style>body
  2. {
  3. background:url(images/bg.jpg) no-repeat center top #310b28;
  4. background-color:#9A9A9A;
  5. font-family:Arial, Helvetica, sans-serif;
  6. padding:0;
  7. font-size:12px;
  8. margin:0 auto;
  9. color: black;
  10. }
  11. .clear{
  12. clear:both;
  13. }
  14. a{
  15. color:#256c89;
  16. }
  17. h2{
  18. font-size:18px;
  19. color:#256c89;
  20. font-weight:normal;
  21. padding:0px 0 15px 0;
  22. margin:0px;
  23. clear:both;
  24. }
  25. h3{
  26. font-size:18px;
  27. color:#256c89;
  28. font-weight:normal;
  29. padding:15px 0 5px 0px;
  30. margin:0px;
  31. float:left;
  32. clear:both;
  33. }
  34. a.forgot_pass{
  35. float:right;
  36. color:#256c89;
  37. text-decoration:none;
  38. background:url(images/help.png) no-repeat left;
  39. padding:0 0 0 18px;
  40. display:block;
  41. margin:15px 20px 0 0;
  42. }
  43. #main_container{
  44. margin:0 auto;
  45. width:1280px;
  46. padding:0px 0 0px 0;
  47. }
  48. #main_containerlogin{
  49. margin:0 auto;
  50. width:1280px;
  51. padding:0px 0 0px 0;
  52. }
  53. .header{
  54. width:100%;
  55. height:100px;
  56. }
  57. .header_login{
  58. width: 100%;
  59. margin: auto;
  60. display: inline-block;}
  61. .logo{
  62. float:left;
  63. padding:35px 0 0 10px;
  64. }
  65. #clock_a{
  66. float:right;
  67. padding:15px 0 0 0;
  68. }
  69. .jclock{
  70. color:#FFFFFF;
  71. float:right;
  72. font-size:22px;
  73. font-weight:bold;
  74. padding:34px 25px 0 0;
  75. }
  76. .right_header{
  77. width:350px;
  78. float:right;
  79. text-align:right;
  80. color:#FFFFFF;
  81. padding:40px 0 0 0;
  82. }
  83. .right_header a{
  84. margin:0 5px 0 5px;
  85. text-decoration:underline;
  86. color:#FFFFFF;
  87. }
  88. .right_header a.messages{
  89. background:url(images/comment.png) no-repeat right;
  90. padding-right:20px;
  91. }
  92. .right_header a.logout{
  93. background:url(images/user_logout.png) no-repeat right;
  94. padding-right:20px;
  95. }
  96.  
  97. .main_content{
  98. margin:0 auto;
  99. width:100%;
  100. height:auto;
  101. padding:0px 0 50px 0;
  102. background:url(images/menu_bg.jpg) repeat-x top #fff;
  103. }
  104. .footer{width:100%;height:87px;border-bottom-left-radius:11px;border-bottom-right-radius:11px;background-color: #000; }
  105. .footer_login{margin: auto;
  106. display: inline-block;
  107. width: 100%;
  108. text-align: center;}
  109.  
  110. .left_footer{padding:25px 0 0 10px;color:#FFFFFF;font-size:11px;}
  111. .left_footer a{color:#FFFFFF;text-decoration:none;}
  112. .right_footer{float:right;padding:25px 10px 0 0;}
  113.  
  114. .left_footer_login{float:left;padding:15px 0 0 10px;color:#a8549b;font-size:11px;}
  115. .left_footer_login a{color:#FFFFFF;text-decoration:none;}
  116. .right_footer_login{float:right;padding:15px 10px 0 0;}
  117. /*---------------- menu----------------------*/
  118. .menu {font-size:11px;padding:0px 10px 0 10px; float:left; width:1220px;}
  119.  
  120. /* remove all the bullets, borders and padding from the default list styling */
  121. .menu ul {padding:0;margin:0;list-style-type:none; height:34px;}
  122.  
  123. /* style the sub-level lists */
  124. .menu ul ul {width: auto;}
  125.  
  126. /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
  127. .menu ul li {float:left;height:34px;line-height:34px;}
  128.  
  129. /* style the sub level list items */
  130. .menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}
  131.  
  132. /* style the links for the top level */
  133. .menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;padding:0 21px 0 17px;}
  134. .menu a.current{background:url(images/menu_bg.gif) repeat-x center;}
  135. /* style the sub level links */
  136. .menu ul ul a, .menu ul ul a:visited {display:block;background:#57c0e8; border-bottom:1px #81dafc solid; color:#fff;width:12em;height:100%;line-height:1em;padding:1em 1em;}
  137. .menu ul table ul a, .menu ul table ul a:visited {width:14em; w\idth:12em;}
  138.  
  139.  
  140. /* style the table so that it takes no part in the layout - required for IE to work */
  141. .menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
  142. .menu ul ul table {lef\t:-1px;}
  143. .menu ul ul table ul.left {margin-lef\t:2px;}
  144.  
  145. .menu li:hover {position:relative;}
  146. * html .menu a:hover {position:relative;}
  147.  
  148. /* style the third level background */
  149. .menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}
  150. /* style the fourth level background */
  151. .menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}
  152. /* style the sub level 1 background */
  153. .menu ul :hover a.sub1 {background:url(images/arrow.gif) no-repeat right #309dc7;}
  154. /* style the sub level 2 background */
  155. .menu ul ul :hover a.sub2 {background:url(images/arrow.gif) no-repeat right #088bb4;}
  156.  
  157. /* style the level hovers */
  158. /* first */
  159. .menu a:hover {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}
  160. .menu :hover > a {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}
  161. /* second */
  162. .menu ul ul a:hover{color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}
  163. .menu ul ul :hover > a {color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}
  164. /* third */
  165. .menu ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}
  166. .menu ul ul ul :hover > a {background:url(images/menu_bg_a.gif) repeat-x center;}
  167. /* fourth */
  168. .menu ul ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}
  169.  
  170.  
  171. /* hide the sub levels and give them a positon absolute so that they take up no room */
  172. .menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}
  173.  
  174. /* position the third level flyout menu */
  175. .menu ul ul ul{left:14em;top:0;width:14em;}
  176.  
  177. /* position the third level flyout menu for a left flyout */
  178. .menu ul ul ul.left {left:-14em;}
  179.  
  180.  
  181. /* make the second level visible when hover on first level list OR link */
  182. .menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
  183. /* keep the third level hidden when you hover on first level list OR link */
  184. .menu ul :hover ul ul{visibility:hidden;}
  185. /* keep the fourth level hidden when you hover on second level list OR link */
  186. .menu ul :hover ul :hover ul ul{visibility:hidden;}
  187. /* make the third level visible when you hover over second level list OR link */
  188. .menu ul :hover ul :hover ul{visibility:visible;}
  189. /* make the fourth level visible when you hover over third level list OR link */
  190. .menu ul :hover ul :hover ul :hover ul {visibility:visible;}
  191.  
  192.  
  193.  
  194.  
  195. .fullwidth_box{
  196. width:90%;
  197. float:left;
  198. padding:10px 0 0 35px;
  199. }
  200.  
  201.  
  202.  
  203. .center_content{
  204. clear:both;
  205. }
  206.  
  207. .left_content{
  208. width:20%;
  209. float:left;
  210. padding:30px 0 0 20px;
  211. }
  212. .right_content{
  213. width:90%;
  214. margin-left:auto;
  215. margin-right:auto;
  216. padding:10px 0 0 0px;
  217. }
  218.  
  219. .sidebarmenu{
  220. margin:0px 0;
  221. padding:0;
  222. width:195px;
  223. }
  224. .sidebarmenu a.menuitem{background:url(images/sidebar_menu_top.gif) no-repeat center top;
  225. color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
  226. }
  227. .sidebarmenu a.menuitem_green{background:url(images/green_bt.gif) no-repeat center top;
  228. color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
  229. }
  230. .sidebarmenu a.menuitem_red{background:url(images/red_bt.gif) no-repeat center top;
  231. color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
  232. }
  233. .sidebarmenu a.menuitem:hover{background:url(images/sidebar_menu_top_a.gif) no-repeat center top;}
  234. .sidebarmenu a.menuitem_green:hover{background:url(images/green_bt_a.gif) no-repeat center top;}
  235. .sidebarmenu a.menuitem_red:hover{background:url(images/red_bt_a.gif) no-repeat center top;}
  236.  
  237. .sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
  238. color: white;
  239. }
  240. .sidebarmenu a.menuitem .statusicon{
  241. position: absolute;
  242. top:11px;
  243. right:7px;
  244. border: none;
  245. }
  246.  
  247. .sidebarmenu div.submenu{
  248. background: white;
  249. }
  250. .sidebarmenu div.submenu ul{
  251. list-style-type: none;
  252. margin: 0;
  253. padding: 0 0 5px 0;
  254. }
  255. .sidebarmenu div.submenu ul li{
  256. border-bottom: 1px dotted #bfd1d9;
  257. }
  258. .sidebarmenu div.submenu ul li a{
  259. display: block;
  260. color: black;
  261. text-decoration: none;
  262. padding:5px 0;
  263. padding-left: 10px;
  264. }
  265. .sidebarmenu div.submenu ul li a:hover{
  266. background: #e2f0ff;
  267. color: #0e4354;
  268. }
  269.  
  270. .sidebar_search{
  271. background:url(images/sidebar_menu_top.gif) no-repeat center;
  272. width:195px;
  273. height:31px;
  274. margin:0 0 5px 0;
  275. }
  276. input.search_input{
  277. width:155px;
  278. height:16px;
  279. margin:5px 0 0 5px;
  280. border:1px #bdebfd solid;
  281. background:#92dbf8;
  282. padding:4px 0 0 2px;
  283. float:left;
  284. color:#096184;
  285. font-size:11px;
  286. }
  287. input.search_submit{
  288. float:left;
  289. background:none;
  290. border:none;
  291. margin:7px 0 0 8px;
  292. }
  293.  
  294.  
  295.  
  296.  
  297.  
  298. #rounded-corner
  299. {
  300. margin:0px;
  301. width:100%;
  302. text-align: left;
  303. border-collapse: collapse;
  304. }
  305. #rounded-corner thead th.rounded-company
  306. {
  307. width:26px;
  308. background: #60c8f2 url('images/left.jpg') left top no-repeat;
  309. }
  310. #rounded-corner thead th.rounded-q4
  311. {
  312. background: #60c8f2 url('images/right.jpg') right top no-repeat;
  313. }
  314. #rounded-corner th
  315. {
  316. padding: 8px;
  317. font-weight: normal;
  318. font-size: 13px;
  319. color: #039;
  320. background: #60c8f2;
  321. }
  322. #rounded-corner td
  323. {
  324. padding: 8px;
  325. background: #ecf8fd;
  326. border-top: 1px solid #fff;
  327. color: #669;
  328. }
  329. #rounded-corner tfoot td.rounded-foot-left
  330. {
  331. background: #ecf8fd url('images/botleft.jpg') left bottom no-repeat;
  332. }
  333. #rounded-corner tfoot td.rounded-foot-right
  334. {
  335. background: #ecf8fd url('images/botright.jpg') right bottom no-repeat;
  336. }
  337. #rounded-corner tbody tr:hover td
  338. {
  339. background: #d2e7f0;
  340. }
  341.  
  342.  
  343. .question {
  344. position: absolute;
  345. display: inline;
  346. text-align: center;
  347. width: 174px;
  348. height: 78px;
  349. font-size: 13px;
  350. line-height: 1.5em;
  351. background: url('images/bubble.png') left top no-repeat;
  352. padding: 10px 0 0 0;
  353. text-shadow: 0px 1px 0px #fff;
  354. margin-left: -7em;
  355. margin-top: -6em;
  356. opacity: 0;
  357. }
  358.  
  359. .yes{
  360. margin-top: .5em;
  361. margin-right: .5em;
  362. cursor: pointer;
  363. display: inline-block;
  364. width: 63px;
  365. height: 21px;
  366. color: #434d17;
  367. text-shadow: 0px 1px 0px #fff;
  368. background: url('images/buttony.png') left top no-repeat;
  369. }
  370. .cancel {
  371. margin-top: .5em;
  372. margin-right: .5em;
  373. cursor: pointer;
  374. display: inline-block;
  375. width: 63px;
  376. height: 21px;
  377. color: #fff;
  378. text-shadow: 0px 1px 0px #000;
  379. background: url('images/buttonn.png') left top no-repeat;
  380. }
  381.  
  382. a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
  383. a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_green_center.gif) repeat-x center;}
  384. a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_left.gif) no-repeat center right;}
  385. a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_r.gif) no-repeat center right;}
  386. a:hover.bt_green{ text-decoration:underline;}
  387.  
  388. a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
  389. a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_blue_center.gif) repeat-x center;}
  390. a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_left.gif) no-repeat center right;}
  391. a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_r.gif) no-repeat center right;}
  392. a:hover.bt_blue{ text-decoration:underline;}
  393.  
  394. a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
  395. a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_red_center.gif) repeat-x center;}
  396. a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_left.gif) no-repeat center right;}
  397. a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_r.gif) no-repeat center right;}
  398. a:hover.bt_red{ text-decoration:underline;}
  399.  
  400. .sidebar_box{
  401. width:195px;
  402. padding:15px 0 5px 0;
  403. }
  404. .sidebar_box_top{width:195px;height:8px;background:url(images/sidebar_box_top.gif) no-repeat center bottom;}
  405. .sidebar_box_bottom{width:195px;height:8px;background:url(images/sidebar_box_bottom.gif) no-repeat center bottom;}
  406. .sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}
  407.  
  408. .sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
  409. .sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
  410. .sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
  411. .sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
  412. img.sidebar_icon_right{
  413. float:right; padding:0 0 0 0;
  414. }
  415. .sidebar_box_content ul{
  416. list-style:none;
  417. padding:10px 0 10px 0;
  418. margin:0px;
  419. clear:both;
  420. }
  421. .sidebar_box_content ul li{
  422. padding:5px 0 5px 10px;
  423. background:url(images/list_bullet.gif) no-repeat left top;
  424. background-position:0px 10px;
  425. }
  426.  
  427.  
  428. .warning_box{width:540px;clear:both;background:url(images/warning.png) no-repeat left #fcfae9;
  429. border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}
  430.  
  431. .valid_box{width:540px;clear:both;background:url(images/valid.png) no-repeat left #edfce9;
  432. border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}
  433.  
  434. .error_box{width:540px;clear:both;background:url(images/error.png) no-repeat left #fce9e9;
  435. border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}
  436. .error_box_login{width:538px;clear:both;background:url(images/error.png) no-repeat left #fce9e9;
  437. border:1px #eac7c7 solid;background-position:5px 5px;padding:10px 10px 11px 50px;margin:0 0 10px 0;}
  438.  
  439. /*--------------*/
  440. div.pagination {
  441. width:625px;
  442. clear:both;
  443. padding:10px 0 10px 0;
  444. margin:0px;
  445. text-align:center;
  446. float:left;
  447. clear:both;
  448. font-size:11px;
  449. }
  450.  
  451. div.pagination a {
  452. padding: 2px 5px 2px 5px;
  453. margin-right: 2px;
  454. border: 1px solid #52bfea;
  455. text-decoration: none;
  456. color: #52bfea;
  457. }
  458. div.pagination a:hover, div.pagination a:active {
  459. border:1px solid #52bfea;
  460. color: #fff;
  461. background-color: #52bfea;
  462. }
  463. div.pagination span.current {
  464. padding: 2px 5px 2px 5px;
  465. margin-right: 2px;
  466. border: 1px solid #52bfea;
  467. font-weight: bold;
  468. background-color: #52bfea;
  469. color: #FFF;
  470. }
  471. div.pagination span.disabled {
  472. padding: 2px 5px 2px 5px;
  473. margin-right: 2px;
  474. border: 1px solid #f3f3f3;
  475. color: #ccc;
  476. }
  477. .formButton{
  478. font-size:16px;
  479. border:none;
  480. cursor:pointer;
  481. width:100px;
  482. height:30px;
  483. margin-left:300px;
  484. margin-top:10px;
  485. background-image:url(images/bg-tile.png);
  486. color:#FFF;}
  487. a.info{
  488. position:relative; /*this is the key*/
  489. z-index:24;
  490. color:#000;
  491. font-size: 8pt;
  492. text-decoration:none;}
  493.  
  494. a.green:hover{z-index:25;}
  495.  
  496. a.green span{display: none;}
  497. a.grey span{display: none;}
  498.  
  499. a.green:hover span{ /*the span will display just on :hover state*/
  500. display:block;
  501. position:absolute;
  502. width:310px;
  503. margin-left:-100px;
  504. border:1px solid #006600;
  505. background-color:#fff; color:#000;
  506. text-align: left;font-size: 8pt;}
  507. .redCircle{
  508. background-color:#F00;
  509. border-radius:16px;
  510. width:16px;
  511. height:16px;
  512.  
  513. }
  514. .greenCircle{
  515. background-color:#090;
  516. border-radius:16px;
  517. width:16px;
  518. height:16px;
  519.  
  520. }
  521.  
  522. .yellowCircle{
  523. background-color:#FF0;
  524. border-radius:16px;
  525. width:16px;
  526. height:16px;
  527.  
  528. }
  529. .Verticalmenu{
  530. font-size:16px;
  531. list-style:none;
  532.  
  533. }
  534.  
  535. .Verticalmenu li{
  536. font-size:14px;
  537. padding-left:20px;
  538. }
  539. .Verticalmenu li a{
  540. text-decoration:none;
  541. }
  542. #order_detail{width:100%;height:100px;overflow:hidden;}
  543. #payment_holder{height:170px;}
  544. </style>
  545. <body>
  546. <div id="main_container">
  547.  
  548. <div class="header_login">
  549. <div class="logo"><a href="#"><img src="images/logo.png" alt="" title="" border="0"></a></div>
  550.  
  551. </div>
  552. <div class="errorboxcont">
  553. </div>
  554. <div class="login_form">
  555.  
  556. <h3>User Login</h3>
  557.  
  558. <a href="forgetpassword.php" class="forgot_pass">Forgot password</a>
  559.  
  560. <form action="" method="post" class="niceform">
  561.  
  562.  
  563. <fieldset style="width: 400px;padding:0px;">
  564. <table width="80%" border="0" cellspacing="0" cellpadding="0">
  565. <tbody><tr>
  566. <td><dl>
  567. <dt><label for="email">Username:</label></dt>
  568. <dd><img src="img/0.png" class="NFTextLeft"><div class="NFTextCenter"><input type="text" name="strUserid" id="strUserid" size="54" class="NFText"></div><img src="img/0.png" class="NFTextRight"></dd>
  569. </dl></td>
  570. </tr>
  571. <tr>
  572. <td> <dl>
  573. <dt><label for="password">Password:</label></dt>
  574. <dd><img src="img/0.png" class="NFTextLeft"><div class="NFTextCenter"><input type="password" name="strPassword" id="Password" size="54" class="NFText"></div><img src="img/0.png" class="NFTextRight"></dd>
  575. </dl></td>
  576. </tr>
  577. <tr>
  578. <td> <dl>
  579. <dt><label></label></dt>
  580. <dd>
  581. <img src="img/0.png" class="NFCheck" style="left: 526px; top: 263px;"><input type="checkbox" name="interests[]" id="" value="" class="NFhidden"><label class="check_label">Remember me</label>
  582. </dd>
  583. </dl></td>
  584. </tr>
  585. <tr>
  586. <td> <dl class="submit">
  587. <img class="NFButtonLeft" src="img/0.png"><input type="submit" name="submit" id="submit" value="Enter" class="NFButton"><img src="img/0.png" class="NFButtonRight">
  588. </dl></td>
  589. </tr>
  590. </tbody></table>
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599. </fieldset>
  600.  
  601. </form>
  602. </div>
  603.  
  604.  
  605.  
  606.  
  607.  
  608. </div> <div class="footer_login">
  609.  
  610. <div class="left_footer">© 2019</div>
  611. <div class="right_footer"></div>
  612.  
  613. </div>
  614.  
  615. </body>
Add Comment
Please, Sign In to add comment