API tools faq
paste
lyonlyke

Umobil html5 template

lyonlyke
Oct 2nd, 2018
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Umobil - Website Template</title>
  5.  
  6. <style>
  7. /* reset */
  8. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  9. article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
  10. ol,ul{list-style:none;margin:0px;padding:0px;}
  11. blockquote,q{quotes:none;}
  12. blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
  13. table{border-collapse:collapse;border-spacing:0;}
  14. /* start editing from here */
  15. a{text-decoration:none;}
  16. .txt-rt{text-align:right;}/* text align right */
  17. .txt-lt{text-align:left;}/* text align left */
  18. .txt-center{text-align:center;}/* text align center */
  19. .float-rt{float:right;}/* float right */
  20. .float-lt{float:left;}/* float left */
  21. .clear{clear:both;}/* clear float */
  22. .pos-relative{position:relative;}/* Position Relative */
  23. .pos-absolute{position:absolute;}/* Position Absolute */
  24. .vertical-base{ vertical-align:baseline;}/* vertical align baseline */
  25. .vertical-top{ vertical-align:top;}/* vertical align top */
  26. nav.vertical ul li{ display:block;}/* vertical menu */
  27. nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
  28. img{max-width:100%;}
  29.  
  30. ul li {border:none;}
  31. /*end reset*/
  32.  
  33.  
  34.  
  35.  
  36. body{
  37. background:#00FEFE;
  38. background:-moz-linear-gradient(top, #00FEFE 0%, #008383 100%);
  39. background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #00FEFE), color-stop(100%, #008383));
  40. background:-webkit-linear-gradient(top, #00FEFE 0%, #008383 100%);
  41. background:-o-linear-gradient(top, #00FEFE 0%, #008383 100%);
  42. background:-ms-linear-gradient(top, #00FEFE 0%, #008383 100%);
  43. background:linear-gradient(to bottom, #00FEFE 0%, #008383 100%);
  44. /*filter:progid:DXImageTransform.Mic.social_icrosoft.gradient(startColorstr='#00FEFE', endColorstr='#008383', GradientType=0);*/
  45. margin: 0;
  46. font-family: 'Arial', Helvetica, Sans-Serif;
  47. color:#fff;
  48. }
  49.  
  50. .right-shade {fill:#139D9D;}
  51. .left-shade {fill:#0B6565;}
  52.  
  53. @media screen and ( -ms-high-contrast: active), ( -ms-high-contrast:none){#cubes {display:none;}}
  54.  
  55. @media all and ( -ms-high-contrast: none), ( -ms-high-contrast:active){#cubes {display:none}}
  56.  
  57.  
  58. #cubes {
  59. position:absolute;
  60. background-color:cyan;
  61. width:100%;
  62. height:100%;
  63. margin:0;
  64. z-index:-1;
  65. }
  66.  
  67.  
  68.  
  69. h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-align:center;}
  70. p{margin:0;padding:0;}
  71.  
  72. ul{margin:0;padding:0;}
  73.  
  74. label{margin:0;}
  75.  
  76. a{
  77. transition: 0.5s all;
  78. -webkit-transition: 0.5s all;
  79. -moz-transition: 0.5s all;
  80. -o-transition: 0.5s all;
  81. }
  82.  
  83. a:hover{
  84. transition: 0.5s all;
  85. -webkit-transition: 0.5s all;
  86. -moz-transition: 0.5s all;
  87. -o-transition: 0.5s all;
  88. }
  89.  
  90.  
  91.  
  92. .main {
  93. margin:0;
  94. padding-top:20px;
  95. width:100%;
  96. }
  97.  
  98.  
  99. .phone {
  100. margin:.5em 0;
  101. width:49.7%;
  102. float:left;
  103. }
  104.  
  105. #casement1 {
  106. background:#000;
  107. margin:0 auto;
  108. width:340px;
  109. padding: 0;
  110. border: .3em solid #000;
  111. border-radius: 50px;
  112. text-align:center;
  113. }
  114.  
  115. #casement2 {
  116. background:#000;
  117. width:340px;
  118. margin: 0 auto;
  119. padding: 0;
  120. border: .3em solid #000;
  121. border-radius: 50px;
  122. text-align:center;
  123. }
  124.  
  125. .liner {
  126. background-color:#161616;
  127. padding: 0 .4em;
  128. margin:0;
  129. border: .3em solid #282828;
  130. border-radius: 44px;
  131. text-align:center;
  132. }
  133.  
  134.  
  135. .earpiece {
  136. margin:4px auto;
  137. padding:0;
  138. height:40px;
  139. }
  140.  
  141. .earpiece p {margin:0;padding:0;text-indent:0;}
  142.  
  143. .earpiece span {
  144. padding:0;
  145.  
  146. height:40px;
  147. color:#FFF;
  148. font-family: 'Arial', Helvetica, Sans-Serif;
  149. font-size:14px;
  150. font-weight:900px;
  151. letter-spacing:1px;
  152. }
  153.  
  154. .earpiece span.ring {
  155. width:50px;
  156. height:10px;
  157. border:1px outset #CCC;
  158. border-radius:50px;
  159. font-size:7px;
  160. color:#161616;
  161. }
  162.  
  163.  
  164. .earpiece span.ring:after {content:"pastebin.com";}
  165. .earpiece span#cell1 {margin:0;}
  166. .earpiece span#cell1:after {content:"CELLULAR 1";}
  167. .earpiece span#cell2 {margin:0;}
  168. .earpiece span#cell2:after {content:"CELLULAR 2";}
  169.  
  170.  
  171.  
  172.  
  173. .content {
  174. margin:0;
  175. padding:0;
  176. height:450px;
  177. background-color:#fff;
  178. }
  179.  
  180.  
  181. .content iframe{
  182. display:block;
  183. position:relative;
  184. margin:auto;
  185. width:100%;
  186. height:450px;
  187. overflow:hidden;
  188. border:none;
  189. background-color:#151515;
  190. }
  191.  
  192. .Dmenu{
  193. margin:0;
  194. padding:0;
  195. position: relative;
  196. display: inline-block;
  197. }
  198.  
  199. .Dmenu input[type=checkbox]{
  200. display: none;
  201. margin:0;
  202. padding:0;
  203. }
  204.  
  205. .Dmenu label{
  206. box-sizing: border-box;
  207. display: inline-block;
  208. position:relative;
  209. width:30px;
  210. height:30px;
  211. padding-bottom:4px;
  212. margin:15px 10px 0 10px;
  213. border:1px solid transparent;
  214. border-radius:2px;
  215.  
  216. cursor: pointer;
  217. text-align: center;
  218. -webkit-user-select: none;
  219. -moz-user-select: none;
  220. -ms-user-select: none;
  221. user-select: none;
  222.  
  223.  
  224. }
  225.  
  226. .Dmenu label:hover {
  227. background-color:#C0C0C0;
  228. border:1px solid #8D8D8D;
  229. border-radius:2px;
  230. }
  231.  
  232. .Dmenu label:active {background-color:#FE8046;}
  233.  
  234.  
  235.  
  236. .dots{
  237. display:block;
  238.  
  239. width:4px;
  240. height:4px;
  241. margin:4px auto;
  242. background-color:#FFF;
  243. border-radius:2px;
  244.  
  245. }
  246.  
  247. .wafers{display:block;
  248. width:22px;
  249. height:4px;
  250. margin:4px auto;
  251. background-color:#FFF;
  252. border-radius:2px;
  253. }
  254.  
  255. .Dmenu ul{
  256. position: absolute;
  257. display:none;
  258. height:100%;
  259. list-style: none;
  260. top:60px;
  261. width: 159px;
  262. z-index: 1;
  263.  
  264.  
  265. }
  266.  
  267. .Dmenu ul li{
  268. text-align:center;
  269. line-height:30px;
  270. background-color:#151515;
  271.  
  272. cursor: pointer;
  273. border:none;
  274. }
  275.  
  276. .Dmenu ul li:hover{background-color: #FE8046;}
  277.  
  278.  
  279. .Dmenu ul li a{
  280. font-family: Sans-Serif;
  281. font-size: 18px;
  282. font-weight: 500;
  283. text-decoration:none;
  284. color: #FFF;
  285. letter-spacing:1px;
  286. margin:0;
  287. border:none;
  288. }
  289.  
  290. .Dmenu ul li a:hover {color: #FFDEAD;}
  291. .Dmenu ul li a:active {color: #FFF;}
  292.  
  293. .Dmenu input[type=checkbox]:checked ~ label {
  294. background-color: #FE8046;
  295. border:1px solid #8D8D8D;
  296. border-radius:2px;
  297. }
  298.  
  299. .Dmenu input[type=checkbox]:checked ~ label:hover {
  300. background-color: #CCC;
  301. border:1px solid #8D8D8D;
  302. border-radius:2px;
  303. }
  304.  
  305. .Dmenu input[type=checkbox]:checked ~ label:active {
  306. background-color: #FE8046;
  307. border:1px solid #8D8D8D;
  308. border-radius:2px;
  309. }
  310.  
  311. .Dmenu input[type=checkbox]:checked ~ ul {
  312. display: block;
  313. }
  314.  
  315.  
  316. .R {float:right;}
  317. .L {float:left;}
  318. .dirR {right:0;text-align: center;}
  319. .dirL {left:0;text-align: center;}
  320.  
  321.  
  322. .toneau {
  323. margin:0;
  324. padding:0;
  325.  
  326. position: absolute;
  327. display: inline-block;
  328. height:0;
  329. z-index:1;
  330. }
  331.  
  332. .toneau input[type=checkbox]{display: none;}
  333.  
  334. .toneau label {
  335. margin-top:0;
  336. display: block;
  337. position:relative;
  338. width:210px;
  339. line-height:60px;
  340. height:60px;
  341. top:0;
  342. left:-104px;
  343. background-color:#646464;
  344. font-family: Times New Roman, Times, Serif;
  345. font-size: 24px;
  346. font-weight: 100;
  347. color:#FFDEAD;
  348.  
  349. letter-spacing:2px;
  350. border-radius:2px;
  351. cursor: pointer;
  352. text-align: center;
  353.  
  354. -webkit-user-select: none;
  355. -moz-user-select: none;
  356. -ms-user-select: none;
  357. user-select: none;
  358.  
  359. text-shadow:
  360. -0.5px 0px 1px #EB8,
  361. 0px 0.5px 1px #EB8,
  362. 0.5px 0px 1px #EB8,
  363. 0px -0.5px 1px #EB8;
  364. }
  365.  
  366. .toneau label strong {color:#FE8046;
  367. text-shadow:none;
  368. font-size:130%;
  369. }
  370.  
  371. .shadow {
  372. box-shadow:
  373. inset 0 15px 15px -15px #000,
  374. inset 0 -15px 15px -15px #000;
  375. }
  376.  
  377. .shadow:hover {
  378.  
  379. box-shadow:
  380. 0px 0px 2px 2px #FE8046,
  381. inset 0 15px 15px -15px #000,
  382. inset 0 -15px 15px -15px #000;
  383. }
  384.  
  385. .shadow:active {
  386. box-shadow:
  387. 0px 0px 2px 2px lime,
  388. inset 0 15px 15px -15px #000,
  389. inset 0 -15px 15px -15px #000;
  390. }
  391.  
  392. .toneau input[type=checkbox]:checked ~ label{display:none;}
  393. .toneau input[type=checkbox]:checked ~ ul {display: block;}
  394. .toneau ul{
  395. position: relative;
  396. list-style: none;
  397. width:0;
  398. z-index: 1;
  399. display: none;
  400. left:-12px;
  401. top:21px;
  402. }
  403.  
  404. .Umenu {
  405. display:block;
  406. margin:0;
  407. height:60px;
  408. width:320px;
  409. background-color:#646464;
  410. box-shadow: inset 0 0 15px #000;
  411. padding:0;
  412. }
  413.  
  414.  
  415. .footer {display:block;
  416. box-sizing:border-box;
  417. width:290px;
  418. height:27px;
  419. display:inline-block;
  420. margin:10px 10px 10px 0;padding:0;
  421. }
  422.  
  423. hr {width:90%;height:1px; order-color:#8d8d8d;}
  424.  
  425. .Pmenu{
  426. position:relative;
  427. display:inline-block:
  428. cursor:pointer;
  429.  
  430. -webkit-user-select: none;
  431. -moz-user-select: none;
  432. -ms-user-select: none;
  433. user-select: none;
  434.  
  435. margin:0;
  436. padding:0;
  437. height:25px;
  438.  
  439. width:30px;
  440. border: 1px solid #161616;
  441. }
  442.  
  443.  
  444.  
  445. .Pmenu:hover {border-color:#FE8046;}
  446. .Pmenu:active {border-color:lime;}
  447.  
  448. span.midbutn {
  449. display:block;
  450. margin:5px auto;
  451. height:14px;
  452. width:55px;
  453. border:1px solid #CCC;
  454. border-radius:10px;
  455. }
  456.  
  457. span.boxe,
  458. span.boxe2,
  459. span.boxe3 {
  460. display:block;
  461. margin:0;
  462. height:25px;
  463. width:30px;
  464. }
  465.  
  466.  
  467. span.boxe svg,
  468. span.boxe2 svg,
  469. span.boxe3 svg {
  470. display:block;
  471. width:100%;
  472. height:100%;
  473. margin:0 auto;
  474. stroke:#CCC;
  475. stroke-width:1.3;
  476. fill:none;
  477. }
  478.  
  479.  
  480. span.boxe2 {width:70px;height:100px;}
  481. span.boxe2 svg {stroke:teal;stroke-width:5;fill:cyan;}
  482.  
  483. span.boxe3 {width:60px;height:80px;}
  484. span.boxe3 svg {stroke:cyan;stroke-width:5;fill:teal;}
  485.  
  486.  
  487. .modules {
  488. visibility:hidden;
  489. height:490px;
  490. width:320px;
  491. color:#FFF;
  492. position:absolute;
  493. z-index: 1;
  494. bottom:36px;
  495. left:-21px;
  496. padding:0;
  497.  
  498. border: 10px ridge #C0C0C0;
  499. border-radius:10px;
  500. background-color:#353535;
  501. margin:0;
  502. padding:0;
  503. }
  504.  
  505.  
  506. .Pmenu .modules::after {
  507. content:"";
  508. position: absolute;
  509. top: 0;
  510. left:0;
  511. }
  512.  
  513. .Pmenu .show {
  514. visibility:visible;
  515. -webkit-animation: fadeIn .5s;
  516. animation: fadIn .5s;
  517. }
  518.  
  519.  
  520. .Pmenu .modules iframe{
  521. width:320px;
  522. height:450px;
  523. border:none;
  524. }
  525.  
  526.  
  527. @-webkit-keyframes
  528. fadeIn {
  529. from {opacity: 0;}
  530. to {opacity: 1;}
  531. }
  532.  
  533. @keyframes fadeIn {
  534. from {opacity: 0;}
  535. to {opacity: 1;}
  536. }
  537.  
  538.  
  539.  
  540.  
  541. .Cmenu {position:relative;
  542. display:inline-block;
  543. margin:0px;
  544. }
  545.  
  546. .Cmenu input[type=checkbox]{display: none;}
  547.  
  548. .Cmenu label{
  549. display: inline-block;
  550. margin:0;
  551. padding:0px;
  552. width:70px;
  553. height:25px;
  554. border: 1px solid #161616;
  555. cursor: pointer;
  556. text-align: center;
  557.  
  558. -webkit-user-select: none;
  559. -moz-user-select: none;
  560. -ms-user-select: none;
  561. user-select: none;
  562. }
  563.  
  564.  
  565. .Cmenu label:hover {border: 1px solid #FE8046;}
  566. .Cmenu label:active {border: 1px solid lime;}
  567.  
  568. .Cmenu ul{
  569. position: absolute;
  570. list-style: none;
  571. margin:0;
  572. padding:0;
  573. width: 70px;
  574. z-index: 1;
  575. bottom:37px;
  576. left:1px;
  577. display: none;
  578. }
  579.  
  580.  
  581. .Cmenu ul.pop{
  582. position: absolute;
  583. list-style: none;
  584. margin:0;
  585. padding:0;
  586. width: 320px;
  587. z-index: 1;
  588. bottom:40px;
  589. left:-20px;
  590. display: none;
  591. }
  592.  
  593.  
  594.  
  595.  
  596. .Cmenu ul li {
  597. background-color:#161616;
  598. border:none;
  599. margin:0;
  600. padding:5px 0 0 0;
  601. }
  602.  
  603.  
  604. .Cmenu ul li.view {
  605. width:320px;
  606. height:490px;
  607. border: 10px ridge #C0C0C0;
  608. border-radius:10px;
  609. background-color:#353535;
  610. }
  611.  
  612. .modules h1,
  613. .Cmenu ul li.view h1 {
  614. line-height:40px;
  615. background-color:#646464;
  616. color:#FFDEAD;
  617. text-align:center;
  618. font-family:sans-serif;
  619. font-size:26px;
  620. font-weight:300;
  621. letter-spacing:1px;
  622. box-shadow:inset 0 0 15px #000;
  623.  
  624. text-shadow:
  625. -0.5px 0px 1px #EB8,
  626. 0px 0.5px 1px #EB8,
  627. 0.5px 0px 1px #EB8,
  628. 0px -0.5px 1px #EB8;
  629.  
  630. }
  631.  
  632.  
  633. .Cmenu ul li span svg {
  634.  
  635. width:60%;
  636. height:60%;
  637. padding:2px;
  638. border:2px solid transparent;
  639. border-radius:2px;
  640. vertical-align:bottom;
  641. }
  642.  
  643. .Cmenu ul li span svg:hover {border-color:#FE8046;}
  644. .Cmenu ul li span svg:active {border-color:lime;}
  645.  
  646.  
  647. .Cmenu input[type=checkbox]:checked ~ label{border-color: #FE8046;}
  648. .Cmenu input[type=checkbox]:checked ~ label:active {border-color:lime;}
  649.  
  650. .Cmenu input[type=checkbox]:checked ~ ul {display: block;}
  651.  
  652. .Fmenu {
  653. position:absolute;
  654. margin:0;
  655. padding:0;
  656. display: inline-block;
  657. left:1px;
  658. top:4px;
  659. width:10px;
  660. }
  661.  
  662.  
  663. #view1,
  664. #view2 {
  665. position:absolute;
  666. margin:0;
  667. padding:0;
  668. display: inline-block;
  669. left:11px;
  670. top:14px;
  671. width:10px;
  672. }
  673.  
  674. .Fmenu input[type=checkbox],
  675. #view1 input[type=checkbox],
  676. #view2 input[type=checkbox]{
  677. display: none;
  678. margin:0;
  679. padding:0;
  680. }
  681.  
  682. .Fmenu label,
  683. #view1 label,
  684. #view2 label {
  685. display:inline-block;
  686. position:relative;
  687. width:10px;
  688. height:30px;
  689. line-height:30px;
  690. border:1px solid #8d8d8d;
  691. border-radius:2px;
  692.  
  693. cursor: pointer;
  694. text-align: center;
  695.  
  696. -webkit-user-select: none;
  697. -moz-user-select: none;
  698. -ms-user-select: none;
  699. user-select: none;
  700. background-color:#C0C0C0;
  701. border:1px solid #8D8D8D;
  702. border-radius:2px;
  703.  
  704. }
  705.  
  706. .Fmenu label:hover,
  707. #view1 label:hover,
  708. #view2 label:hover {
  709. background-color:#ddd;
  710. border:1px solid #8D8D8D;
  711. border-radius:2px;
  712. }
  713.  
  714. .Fmenu label:active,
  715. #view1 label:active,
  716. #view2 label:active {background-color:#FE8046;}
  717.  
  718.  
  719.  
  720.  
  721. .Fmenu ul,
  722. #view1 ul,
  723. #view2 ul{
  724. position: absolute;
  725. list-style: none;
  726. top:36px;
  727. left:-1px;
  728. width: 60px;
  729. z-index: 1;
  730. display: none;
  731. }
  732.  
  733. .Fmenu ul li,
  734. #view1 ul li,
  735. #view2 ul li {
  736. margin:0;
  737. padding:5px 0 0 0;
  738. border:none;
  739. background-color:#161616;
  740. }
  741.  
  742.  
  743. .Fmenu ul li a svg,
  744. #view1 ul li a svg,
  745. #view2 ul li a svg {
  746. width:70%;
  747. height:70%;
  748. padding:2px;
  749. height:auto;
  750. vertical-align:bottom;
  751. border:2px solid transparent;
  752. border-radius:2px;
  753. }
  754.  
  755. .Fmenu ul li a svg:hover,
  756. #view1 ul li a svg:hover,
  757. #view2 ul li a svg:hover {border-color:#FE8046;}
  758.  
  759. .Fmenu ul li a svg:active,
  760. #view1 ul li a svg:active,
  761. #view2 ul li a svg:active {border-color:lime;}
  762.  
  763. .Fmenu input[type=checkbox]:checked ~ ul,
  764. #view1 input[type=checkbox]:checked ~ ul,
  765. #view2 input[type=checkbox]:checked ~ ul {display: block;}
  766.  
  767.  
  768. .Fmenu input[type=checkbox]:checked ~ label,
  769. #view1 input[type=checkbox]:checked ~ label,
  770. #view2 input[type=checkbox]:checked ~ label {
  771. background-color: #FE8046;
  772. border:1px solid #8D8D8D;
  773. border-radius:2px;
  774. }
  775.  
  776. .Fmenu input[type=checkbox]:checked ~ label:hover,
  777. #view1 input[type=checkbox]:checked ~ label:hover,
  778. #view2 input[type=checkbox]:checked ~ label:hover {
  779. background-color: #CCC;color:#FFF;
  780. border:1px solid #8D8D8D;
  781. border-radius:2px;
  782. }
  783.  
  784. .Fmenu input[type=checkbox]:checked ~ label:active,
  785. #view1 input[type=checkbox]:checked ~ label:active,
  786. #view2 input[type=checkbox]:checked ~ label:active {
  787. backkground-color: #FE8046;
  788. border:1px solid #8D8D8D;
  789. border-radius:2px;
  790. }
  791.  
  792.  
  793.  
  794.  
  795. span.close,
  796. span.close2 {
  797. margin:0;
  798. padding:0;
  799. height:0px;
  800. width:0px;
  801. background-color:none;
  802. text-decoration:none;
  803. font-family: 'Arial', Helvetica, Sans-Serif;
  804. font-size:16px;
  805. font-weight: 900;
  806. color:#FFF;
  807. cursor:pointer;
  808. }
  809.  
  810. .popup label{width:30px;}
  811.  
  812. span.close {
  813. position:absolute;
  814. font-size:20px;
  815. right:15px;
  816. top:5px;
  817. }
  818.  
  819. span.close2 {
  820. position:absolute;
  821. right:14px;
  822. top:16px;
  823. }
  824.  
  825.  
  826.  
  827.  
  828. span.close:hover,
  829. span.close2:hover {color:#C2C2C2;}
  830.  
  831. span.close:active,
  832. span.close2:active {color:#FFF;}
  833.  
  834.  
  835.  
  836.  
  837. ul li.xit {
  838. margin:0;
  839. padding:0;
  840. line-height:18px;
  841. background-color:#8d8d8d;
  842. border:none;
  843. text-shadow:none;
  844. }
  845.  
  846. ul li.xit label {
  847. margin:0;
  848. padding:0;
  849. width:100%;
  850. height:18px;
  851. line-height:18px;
  852. color:#FFF;
  853. font-family:Sans-Serif;
  854. font-size:18px;
  855. font-weight: 900;
  856. border:none;
  857. background-color:#8d8d8d;
  858. border-radius:0;
  859. box-shadow:none;
  860. }
  861.  
  862. ul li.xit label:hover {
  863. background-color:#8D8D8D;
  864. color:#FFDEAD;
  865. border-radius:0;
  866. border:none;
  867. border-color:#8d8d8d;
  868. box-shadow:none;
  869. }
  870.  
  871.  
  872. ul li.xit label:active {
  873. background:#8d8d8d;
  874. color:#FFF;
  875. border-radius:0;
  876. border:none;
  877. box-shadow:none;
  878. }
  879.  
  880.  
  881. /*-- Clock styles --*/
  882.  
  883. .clock-bord {
  884. height:45px;
  885. width:196px;
  886. padding:7px 6px 6px 6px;
  887. margin:0 auto;
  888.  
  889. }
  890.  
  891.  
  892. .clockdate-wrapper, .nojs {
  893. display:block;
  894. background:none;
  895. background-color:#000;
  896. width:187px;
  897. height:37px;
  898. margin:0 auto;
  899. padding:0;
  900. text-align:center;
  901. border:4px inset #8d8d8d;
  902.  
  903. }
  904.  
  905. #clock {
  906. display-inline:block;
  907. width:130px;
  908.  
  909. margin:0 auto;
  910. font-family:sans-serif;
  911. font-size:32px;
  912. color:lime;
  913. letter-spacing:2px;
  914. padding:0;
  915. text-align:right;
  916.  
  917. }
  918.  
  919. #clock span {
  920. color:#FFBF300;
  921. text-shadow:0px 0px 0px 1px #333;
  922. font-size:10px;
  923. font-weight:500;
  924.  
  925. letter-spacing:0;
  926. }
  927. #day {
  928. margin:0;
  929. padding:0;
  930. letter-spacing:4px;
  931. font-family: 'Courier New', Courier, Monospace;
  932. font-size:12px;
  933. font-weight:900px;
  934. color:#eee;
  935. }
  936.  
  937.  
  938. #date {
  939. margin:0;
  940. padding:0;
  941. letter-spacing:2px;
  942. font-family: 'Arial', Helvetica, Sans-Serif;
  943. font-size:16px;
  944. font-weight:700px;
  945. color:#FFBF00;
  946. }
  947.  
  948. .nojs h1,
  949. .nojs h2 {
  950. font-family: 'Arial', Helvetica, Sans-Serif;
  951. font-size:13px;
  952. font-weight:300;
  953. color:lime;
  954. line-height:37px;
  955. word-spacing:2px;
  956. letter-spacing:1px;
  957. }
  958.  
  959. .nojs h1 {color:#FFBF00;}
  960. .nojs h1:after {content:"PasteBin.com";}
  961. .nojs h2:after {content:"PasteBin.com";}
  962.  
  963. /*-- end Clock styles --*/
  964.  
  965.  
  966.  
  967. /*-- responsive --*/
  968. @media(max-width:1440px){
  969.  
  970. }
  971.  
  972. @media(max-width:1280px){
  973.  
  974. }
  975.  
  976. @media(max-width:1080px){
  977.  
  978. }
  979.  
  980. @media(max-width:800px){
  981.  
  982.  
  983. }
  984.  
  985. @media(max-width:667px){
  986. .main {width:360px;}
  987. .phone {width:auto;}
  988.  
  989. }
  990.  
  991. @media(max-width:600px){
  992.  
  993. .main {width:360px;}
  994. .phone {width:auto;}
  995.  
  996. }
  997.  
  998. @media(max-width:568px){
  999. .main {width:360px;}
  1000. .phone {width:auto;}
  1001.  
  1002. }
  1003.  
  1004. @media(max-width:480px){
  1005.  
  1006. .main {width:360px;}
  1007. .phone {width:auto;}
  1008.  
  1009. }
  1010.  
  1011. @media(max-width:414px){
  1012.  
  1013. .main {width:360px;}
  1014. .phone {width:auto;}
  1015.  
  1016. }
  1017.  
  1018. @media(max-width:384px){
  1019. .main {width:360px;}
  1020. .phone {width:auto;}
  1021.  
  1022. }
  1023.  
  1024. @media(max-width:320px){
  1025.  
  1026. .main {width:99%;}
  1027. .phone {width:auto;}
  1028.  
  1029. }
  1030.  
  1031. /*-- //responsive --*/
  1032.  
  1033. </style>
  1034.  
  1035.  
  1036. <script>
  1037. function startTime() {
  1038. var today = new Date();
  1039. var hr = today.getHours();
  1040. var min = today.getMinutes();
  1041.  
  1042. ap = (hr < 12) ? "<span>AM</span>" : "<span>PM</span>";
  1043. hr = (hr == 0) ? 12 : hr;
  1044. hr = (hr > 12) ? hr - 12 : hr; //adds 0 if hr<10
  1045. hr = checkTime(hr);
  1046. min = checkTime(min);
  1047.  
  1048.  
  1049. document.getElementById("clock").innerHTML = +hr + ":" + min + " " + ap;
  1050.  
  1051. var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
  1052. var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
  1053. var curWeekDay = days[today.getDay()];
  1054. var curDay = today.getDate();
  1055. var curMonth = months[today.getMonth()];
  1056. var curYear = today.getFullYear();
  1057. var day = curWeekDay;
  1058. var date = curMonth+" "+curDay+", "+curYear;
  1059. document.getElementById("day").innerHTML = day;
  1060. document.getElementById("date").innerHTML = date;
  1061. var time = setTimeout(function(){ startTime() }, 500);
  1062.  
  1063. }
  1064.  
  1065.  
  1066. function checkTime(i) {
  1067. if (i < 10) { i = "0" + i;
  1068. }
  1069. return i;
  1070. }
  1071.  
  1072.  
  1073. function populateModules(modNum){
  1074.  
  1075. var mod = "moreModules"+modNum;
  1076. var popup = document.getElementById(mod);
  1077.  
  1078. popup.classList.toggle("show");
  1079. }
  1080.  
  1081.  
  1082. function closeModules() {
  1083. popup.classList.toggle ("show");
  1084. }
  1085.  
  1086.  
  1087. function printControls(num){
  1088.  
  1089. document.write('<div class="Pmenu L" onclick="populateModules('+num+')">');
  1090. document.write('<span class="boxe"><svg viewBox="0 0 40 33">');
  1091. document.write('<polyline points="5,10 30,10 30,30 5,30 5,10 30,10 33,7 7,7 33,7 33,27">');
  1092. document.write('<\/polyline><\/svg><\/span>');
  1093. document.write('<div class="modules" id="moreModules'+num+'">');
  1094. document.write('<h1>VIEWER '+num+'<\/h1>');
  1095. document.write('<div class="Fmenu L" onclick="populateModules('+num+')">');
  1096.  
  1097. document.write('<input type="checkbox" id="cellie'+num+'">');
  1098. document.write('<label for="cellie'+num+'">');
  1099. for(t = 0;t < 3;t++){document.write('<span class="dots"><\/span>');}
  1100. document.write('<\/label><ul class="dirL">');
  1101. document.write('<li><a href="https://pastebin.com">');
  1102.  
  1103. document.write('<span class="boxe3"><svg viewBox="0 0 60 80">');
  1104. document.write('<polyline points="30,5 55,40 30,75 5,40 30,5 55,40">');
  1105. document.write('<\/polyline><\/svg><\/span>');
  1106.  
  1107. document.write('<\/a><\/li>');
  1108. document.write('<li class="xit"><label for="cellie'+num+'">\&times\;<\/label>');
  1109. document.write('<\/li><\/ul><\/div>');
  1110. document.write('<span class="close" onclick="closeModules()">\&times\;<\/span>');
  1111. var targut = "viewer"+num;
  1112. makeIframe('https://pastebin.com',targut);
  1113. document.write('<\/div><\/div>');
  1114. document.write('<div class="Cmenu"><input type="checkbox" id="cmenu'+num+'">');
  1115. document.write('<label for="cmenu'+num+'"><span class="midbutn">\&nbsp;<\/span>');
  1116. document.write('<\/label><ul><li class="xit">');
  1117. document.write('<label for="cmenu'+num+'">\&times\;<\/label><\/li>');
  1118.  
  1119.  
  1120. document.write('<li><a href="https://pastebin.com">');
  1121.  
  1122. document.write('<span class="boxe2"><svg viewBox="0 0 70 100">');
  1123. document.write('<polyline points="35,5 65,50 35,95 5,50 35,5 65,50">');
  1124. document.write('<\/polyline><\/svg><\/span>');
  1125.  
  1126. document.write('<\/a><\/li>');
  1127.  
  1128. document.write('<\/ul><\/div>');
  1129. document.write('<div class="Pmenu R"><a href="javascript:history.back()">');
  1130. document.write('<span class="boxe"><svg viewBox="0 0 40 33">');
  1131. document.write('<polyline points="2,25 29,25 33,24 35,23 36,21 37,18 36,15 34,12 32,11 29,10 17,10 17,5 2,10 17,15 17,10 16,10 16,6 4,10 16,14 16,10 15,10 15,7 6,10 15,13 15,10 14,10 14,8 7,10 14,12 14,10 13,10 13,9 9,10 14,11 11,10 ">');
  1132. document.write('<\/polyline><\/svg><\/span><\/a><\/div>');
  1133. }
  1134.  
  1135.  
  1136. function makeIframe(s,n){
  1137. document.write('<iframe src="'+s+'.html" width="320" height="450" name="'+n+'" frameborder="no" scrolling="no"><\/iframe>');
  1138.  
  1139. }
  1140. </script>
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149. <!-- for-mobile-apps -->
  1150. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  1151. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  1152.  
  1153. <!-- //for-mobile-apps -->
  1154. </head>
  1155.  
  1156. <body onLoad="startTime()">
  1157.  
  1158. <div id="cubes">
  1159. <svg width="100%" height="100%">
  1160. <pattern id="pattern-cubes" x="0" y="32" patternUnits="userSpaceOnUse" width="62" height="100" viewBox="0 0 10 16">
  1161. <g id="cube">
  1162. <path class="left-shade" d="M0 0l5 3v5l-5 -3z" />
  1163. <path class="right-shade" d="M10 0l-5 3v5l5 -3" />
  1164. </g>
  1165. <use x="5" y="8" xlink:href="#cube" />
  1166. <use x="-5" y="8" xlink:href="#cube" />
  1167. </pattern>
  1168. <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-cubes)" />
  1169. </svg>
  1170. </div>
  1171.  
  1172.  
  1173.  
  1174. <div class="main">
  1175.  
  1176. <div class="phone">
  1177.  
  1178. <div id="casement1">
  1179. <div class="liner">
  1180.  
  1181. <div class="earpiece">
  1182. <p><span class="ring"></span></p>
  1183. <p><span id="cell1"></span></p>
  1184. </div>
  1185.  
  1186.  
  1187.  
  1188.  
  1189.  
  1190.  
  1191.  
  1192. <div class="Dmenu L">
  1193. <input type="checkbox" id="menu1">
  1194.  
  1195. <label for="menu1">
  1196.  
  1197. <span class="dots"></span>
  1198. <span class="dots"></span>
  1199. <span class="dots"></span>
  1200.  
  1201. </label>
  1202. <ul class="dirL">
  1203.  
  1204. <script>
  1205. document.write('<li><a href="https://pastebin.com" target="GUI1">Item 1<\/a><\/li>');
  1206. document.write('<li><a href="https://pastebin.com" target="GUI1">Item 2<\/a><\/li>');
  1207. document.write('<li><a href="https://pastebin.com" target="GUI1">Item 3<\/a><\/li>');
  1208. </script>
  1209.  
  1210. <noscript>
  1211. <li><a href="https://pastebin.com" target="GUI1">noscript item</a></li>
  1212. </noscript>
  1213.  
  1214.  
  1215. <li class="xit"><label for="menu1">&times;</label></li>
  1216.  
  1217.  
  1218. </ul>
  1219.  
  1220.  
  1221.  
  1222.  
  1223. </div> <!-- closes Dmenu div -->
  1224.  
  1225.  
  1226. <div class="Dmenu R">
  1227. <input type="checkbox" id="menu2">
  1228.  
  1229. <label for="menu2">
  1230.  
  1231. <span class="wafers"></span>
  1232. <span class="wafers"></span>
  1233. <span class="wafers"></span>
  1234.  
  1235. </label>
  1236.  
  1237. <ul class="dirR">
  1238.  
  1239. <script>
  1240. document.write('<li><a href="https://pastebin.com" target="GUI1">Item 1<\/a><\/li>');
  1241. document.write('<li><a href="https://pastebin.com" target="GUI1">Item 2<\/a><\/li>');
  1242. document.write('<li><a href="https://pastebin.com" target="GUI1">Item 3<\/a><\/li>');
  1243. </script>
  1244.  
  1245. <noscript>
  1246. <li><a href="https://pastebin.com" target="GUI1">noscript item</a></li>
  1247. </noscript>
  1248.  
  1249.  
  1250. <li class="xit"><label for="menu2">&times;</label></li></ul>
  1251.  
  1252. </div> <!--close Dmenu 2 div-->
  1253.  
  1254. <div class="toneau">
  1255. <input type="checkbox" id="hatch1">
  1256. <label class="shadow" for="hatch1"><strong>U</strong>mobil</label>
  1257. <ul>
  1258. <li class="xit"><label for="hatch1">&times;</label></li>
  1259. </ul>
  1260.  
  1261. </div>
  1262.  
  1263.  
  1264.  
  1265.  
  1266. <div class="Umenu">
  1267.  
  1268.  
  1269. <div class="clock-bord">
  1270.  
  1271. <script>
  1272. document.write('<div class="clockdate-wrapper">');
  1273. document.write('<div id="day"><\/div>');
  1274. document.write('<div id="date"><\/div><\/div>');
  1275. </script>
  1276.  
  1277. <noscript><div class="nojs"><h1></h1></div></noscript>
  1278.  
  1279.  
  1280. </div>
  1281.  
  1282.  
  1283. </div> <!-- closes Umenu div -->
  1284.  
  1285.  
  1286.  
  1287. <div class="content">
  1288.  
  1289. <noscript>
  1290. <iframe
  1291. src="https://pastebin.com"
  1292. width="320px"
  1293. height="450px"
  1294. id="GUI1"
  1295. name="GUI1"
  1296. frameborder="no"
  1297. scrolling="no"
  1298. >
  1299. </iframe>
  1300. </noscript>
  1301.  
  1302. <script>makeIframe('https://pastebin.com','GUI1');</script>
  1303.  
  1304. </div> <!--end of content div -->
  1305.  
  1306.  
  1307. <div class="footer">
  1308.  
  1309.  
  1310. <noscript>
  1311. <div class="Cmenu popup L">
  1312. <input type="checkbox" id="pop1">
  1313. <label for="pop1">
  1314. <span class="boxe"><svg viewBox="0 0 40 33">
  1315. <polyline points="5,10 30,10 30,30 5,30 5,10 30,10 33,7 7,7 33,7 33,27"></polyline></svg></span>
  1316.  
  1317. </label>
  1318. <ul class="pop">
  1319. <li class="view">
  1320. <h1>VIEWER 1</h1>
  1321. <div id="view1" class="L">
  1322. <input type="checkbox" id="cellie1">
  1323. <label for="cellie1">
  1324. <span class="dots"></span>
  1325. <span class="dots"></span>
  1326. <span class="dots"></span>
  1327. </label>
  1328. <ul class="dirL">
  1329. <li><a href="https://pastebin.com" target="viewer1">
  1330.  
  1331. <span class="boxe3"><svg viewBox="0 0 60 80">
  1332. <polyline points="30,5 55,40 30,75 5,40 30,5 55,40">
  1333. </polyline></svg></span>
  1334.  
  1335. </a>
  1336. </li>
  1337. <li class="xit"><label for="cellie1" style="height:18px;line-height:18px;width:58px;border-radius:0;background-color:#8d8d8d;">&times;</label></li>
  1338. </ul>
  1339. </div>
  1340. <span class="close2">
  1341. <label class="xit" for="pop1" style="border:none;font-size:20px;">&times;</label>
  1342. </span>
  1343. <iframe src="https://pastebin.com" width="320px" height="450px" name="viewer1" frameborder="no" scrolling="no"></iframe>
  1344.  
  1345. </li>
  1346. </ul>
  1347. </div> <!--closes controls div-->
  1348.  
  1349. <div class="Pmenu R">
  1350. <a href="javascript:history.back()">
  1351. <span class="boxe"><svg viewBox="0 0 40 33">
  1352. <polyline points="2,25 29,25 33,24 35,23 36,21 37,18 36,15 34,12 32,11 29,10 17,10 17,5 2,10 17,15 17,10 16,10 16,6 4,10 16,14 16,10 15,10 15,7 6,10 15,13 15,10 14,10 14,8 7,10 14,12 14,10 13,10 13,9 9,10 14,11 11,10">
  1353. </polyline></svg></span>
  1354.  
  1355. </a>
  1356. </div>
  1357.  
  1358. <div class="Cmenu">
  1359. <input type="checkbox" id="cmenu1">
  1360. <label for="cmenu1">
  1361.  
  1362. <span class="midbutn">&nbsp;</span>
  1363.  
  1364. </label>
  1365. <ul>
  1366. <li class="xit">
  1367. <label for="cmenu1">&times;</label>
  1368. </li>
  1369. <li>
  1370. <a href="https://pastebin.com" target="GUI1">
  1371.  
  1372. <span class="boxe2"><svg viewBox="0 0 70 100">
  1373. <polyline points="35,5 65,50 35,95 5,50 35,5 65,50">
  1374. </polyline></svg></span>
  1375.  
  1376. </a>
  1377. </li>
  1378. </ul>
  1379. </div> <!--closes controls div-->
  1380. </noscript>
  1381.  
  1382. <script>printControls('1');</script>
  1383.  
  1384. </div> <!--closes .footer div --->
  1385. </div> <!--closes .liner div----->
  1386. </div> <!--closes .casement div-->
  1387. </div> <!--closes .phone div ---->
  1388.  
  1389.  
  1390. <!-- THE GREAT DIVIDE -->
  1391.  
  1392.  
  1393.  
  1394. <div class="phone">
  1395.  
  1396. <div id="casement2">
  1397. <div class="liner">
  1398.  
  1399. <div class="earpiece">
  1400. <p><span class="ring"></span></p>
  1401. <p><span id="cell2"></span></p>
  1402.  
  1403. </div>
  1404.  
  1405.  
  1406. <div class="Dmenu L">
  1407. <input type="checkbox" id="menu3">
  1408.  
  1409. <label for="menu3">
  1410.  
  1411. <span class="dots"></span>
  1412. <span class="dots"></span>
  1413. <span class="dots"></span>
  1414.  
  1415.  
  1416. </label>
  1417. <ul class="dirL">
  1418.  
  1419.  
  1420. <script>
  1421. document.write('<li><a href="https://pastebin.com" target="GUI2">Item 1<\/a><\/li>');
  1422. document.write('<li><a href="https://pastebin.com" target="GUI2">Item 2<\/a><\/li>');
  1423. document.write('<li><a href="https://pastebin.com" target="GUI2">Item 3<\/a><\/li>');
  1424. </script>
  1425.  
  1426.  
  1427.  
  1428. <noscript>
  1429. <li><a href="https://pastebin.com" target="GUI2">noscript item</a></li>
  1430. </noscript>
  1431.  
  1432. <li class="xit"><label for="menu3">&times;</label></li>
  1433.  
  1434.  
  1435. </ul>
  1436.  
  1437.  
  1438.  
  1439.  
  1440. </div> <!-- closes Dmenu div -->
  1441.  
  1442.  
  1443. <div class="Dmenu R">
  1444. <input type="checkbox" id="menu4">
  1445.  
  1446. <label for="menu4">
  1447.  
  1448. <div class="wafers"></div>
  1449. <div class="wafers"></div>
  1450. <div class="wafers"></div>
  1451.  
  1452. </label>
  1453.  
  1454. <ul class="dirR">
  1455.  
  1456. <script>
  1457. document.write('<li><a href="https://pastebin.com" target="GUI2">Item 1<\/a><\/li>');
  1458. document.write('<li><a href="https://pastebin.com" target="GUI2">Item 2<\/a><\/li>');
  1459. document.write('<li><a href="https://pastebin.com" target="GUI2">Item 3<\/a><\/li>');
  1460. </script>
  1461.  
  1462.  
  1463.  
  1464. <noscript>
  1465. <li><a href="https://pastebin.com" target="GUI2">noscript item</a></li>
  1466. </noscript>
  1467.  
  1468. <li class="xit"><label for="menu4">&times;</label></li></ul>
  1469. </div> <!--close Dmenu 2 div-->
  1470.  
  1471. <div class="toneau">
  1472. <input type="checkbox" id="hatch2">
  1473. <label class="shadow" for="hatch2">
  1474. <strong>U</strong>mobil
  1475. </label>
  1476. <ul>
  1477. <li class="xit"><label for="hatch2">&times;</label></li>
  1478. </ul>
  1479.  
  1480. </div>
  1481.  
  1482.  
  1483.  
  1484. <div class="Umenu">
  1485. <div class="clock-bord">
  1486.  
  1487. <script>
  1488. document.write('<div class="clockdate-wrapper">');
  1489. document.write('<div id="clock"><\/div><\/div>');
  1490. </script>
  1491.  
  1492. <noscript>
  1493. <div class="nojs"><h2></h2></div>
  1494. </noscript>
  1495.  
  1496. </div>
  1497.  
  1498.  
  1499.  
  1500. </div> <!-- closes Umenu div -->
  1501.  
  1502.  
  1503. <div class="content">
  1504.  
  1505. <noscript>
  1506. <iframe src="https://pastebin.com" width="320px" height="450px" name="GUI2" frameborder="no" scrolling="no"></iframe>
  1507. </noscript>
  1508.  
  1509. <script>makeIframe('https://pastebin.com','GUI2');</script>
  1510.  
  1511.  
  1512. </div> <!--end of content div -->
  1513.  
  1514. <div class="footer">
  1515.  
  1516.  
  1517. <noscript>
  1518.  
  1519. <div class="Cmenu popup L">
  1520. <input type="checkbox" id="pop2">
  1521. <label for="pop2">
  1522. <span class="boxe"><svg viewBox="0 0 40 33">
  1523. <polyline points="5,10 30,10 30,30 5,30 5,10 30,10 33,7 7,7 33,7 33,27"></polyline></svg></span>
  1524. </label>
  1525. <ul class="pop">
  1526. <li class="view">
  1527. <h1>VIEWER 2</h1>
  1528. <div id="view2" class="L">
  1529. <input type="checkbox" id="cellie2">
  1530. <label for="cellie2">
  1531. <span class="dots"></span>
  1532. <span class="dots"></span>
  1533. <span class="dots"></span>
  1534. </label>
  1535. <ul class="dirL">
  1536. <li><a href="https://pastebin.com">
  1537.  
  1538. <span class="boxe3"><svg viewBox="0 0 60 80">
  1539. <polyline points="30,5 55,40 30,75 5,40 30,5 55,40">
  1540. </polyline></svg></span>
  1541.  
  1542. </a>
  1543. </li>
  1544. <li class="xit"><label for="cellie2" style="height:18px;line-height:18px;width:58px;border-radius:0;background-color:#8d8d8d;">&times;</label></li>
  1545. </ul>
  1546. </div>
  1547.  
  1548. <span class="close2">
  1549. <label class="xit" for="pop2" style="color:#FF;border:none;font-size:20px;">&times;</label>
  1550. </span>
  1551.  
  1552. <iframe src="https://pastebin.com" width="320px" height="450px" name="viewer2" frameborder="no" scrolling="no"></iframe>
  1553. </li>
  1554. </ul>
  1555. </div> <!--closes controls div-->
  1556.  
  1557.  
  1558. <div class="Pmenu R">
  1559. <a href="javascript:history.back()">
  1560.  
  1561. <span class="boxe"><svg viewBox="0 0 40 33">
  1562. <polyline points="2,25 29,25 33,24 35,23 36,21 37,18 36,15 34,12 32,11 29,10 17,10 17,5 2,10 17,15 17,10 16,10 16,6 4,10 16,14 16,10 15,10 15,7 6,10 15,13 15,10 14,10 14,8 7,10 14,12 14,10 13,10 13,9 9,10 14,11 11,10">
  1563. </polyline></svg></span>
  1564. </a>
  1565. </div>
  1566.  
  1567. <div class="Cmenu">
  1568. <input type="checkbox" id="cmenu2">
  1569. <label for="cmenu2">
  1570. <span class="midbutn">&nbsp;</span>
  1571. </label>
  1572. <ul>
  1573. <li class="xit">
  1574. <label for="cmenu2">&times;</label>
  1575. </li>
  1576. <li>
  1577. <a href="https://pastebin.com" target="GUI2">
  1578. <span class="boxe2"><svg viewBox="0 0 70 100">
  1579. <polyline points="35,5 65,50 35,95 5,50 35,5 65,50">
  1580. </polyline></svg></span>
  1581. </a>
  1582. </li>
  1583. </ul>
  1584. </div> <!--closes controls div-->
  1585.  
  1586. </noscript>
  1587.  
  1588.  
  1589.  
  1590. <script>printControls('2');</script>
  1591.  
  1592.  
  1593.  
  1594. </div> <!--closes footer div-->
  1595. </div> <!--closes .liner div----->
  1596. </div> <!--closes .casement div-->
  1597. </div> <!--closes .phone div ---->
  1598. </div> <!--closes .main div ----->
  1599.  
  1600.  
  1601. </body>
  1602. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!