API tools faq
paste
ro8ot

Untitled

ro8ot
May 1st, 2020
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.52 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.  
  4. <style media="screen">
  5. input[name="item_data"]{
  6. min-height: 230px;
  7. max-height:430px;
  8. min-width: 200px;
  9. max-width:40px;
  10. }
  11. .e_btn{
  12.  
  13.  
  14. overflow: hidden;
  15.  
  16. margin:10px;
  17.  
  18. background: #282828;
  19. color:white;
  20. min-width:100px;
  21. text-align: center;
  22. padding:10px 10px;
  23.  border-radius: 10px;
  24.  border: none;
  25.  
  26.  
  27. }
  28. .e_txtarea{
  29.  
  30.  
  31.  
  32. overflow: hidden;
  33. padding:10px  10px;
  34. min-width:400px;
  35. min-height:200px;
  36.   background: #282828;
  37.   color:white;
  38.   text-align: center;
  39.   padding:10px 10px;
  40.  border-radius: 10px;
  41.   border:none;
  42.   margin:10px;
  43.  
  44.   -webkit-filter: drop-shadow(3px 1px 5px #363841);
  45.   filter: drop-shadow(5px 5px 5px #363841);
  46.  
  47.   display: flex;
  48.   align-items: center;
  49.   justify-content: center;
  50.   flex-direction: column;
  51.   font-weight: 300;
  52.  
  53. }
  54. .e_layout2{
  55.  
  56.  
  57.   overflow: hidden;
  58.   padding:10px  10px;
  59.   min-width:200px;
  60.   color:white;
  61. background: #282828;
  62. text-align: center;
  63. padding:10px 10px;
  64. border-radius: 10px;
  65. border:none;
  66. margin:10px;
  67.  
  68. -webkit-filter: drop-shadow(3px 1px 5px #363841);
  69. filter: drop-shadow(5px 5px 5px #363841);
  70.  
  71.  
  72. }
  73. .e_layout{
  74.  
  75.  
  76.   overflow: hidden;
  77.   padding:10px  10px;
  78.   min-width:200px;
  79. background: #282828;
  80. text-align: center;
  81. padding:10px 10px;
  82. border-radius: 10px;
  83. border:none;
  84. margin:10px;
  85.  
  86. -webkit-filter: drop-shadow(3px 1px 5px #363841);
  87. filter: drop-shadow(5px 5px 5px #363841);
  88.  
  89. }
  90. .card{
  91. float:left;
  92.  
  93.  overflow: hidden;
  94. height: auto;
  95. min-height: 330px;
  96. max-height:430px;
  97. min-width: 350px;
  98. max-width:40px;
  99.   font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  100.   -webkit-font-smoothing: antial0ed;
  101.   -moz-osx-font-smoothing: grayscale;
  102.   font-weight: 400;
  103. border-radius: 8px;
  104.  
  105.   box-sizing: border-box;
  106.   display: block;
  107.   margin: 10px;
  108.   padding: 16px;
  109.   text-align: left;
  110.  background: rgb(0,0,0);
  111. background: #1da0f1;
  112.   word-wrap: break-word;
  113.  
  114.  }
  115.  
  116. .nm {
  117.  
  118. padding: 5px 1px;
  119. font-size: 10px;
  120. font-weight: 1;
  121. }
  122. .wc{
  123. text-align: center;
  124.  
  125.  margin-top: -17px;
  126. margin-left:-30px;
  127. }
  128. .description{
  129.   -webkit-filter: drop-shadow(16px 16px 10px rgba(0,0,0,0.9));
  130. filter: drop-shadow(16px 16px 10px rgba(0,0,0,0.9));
  131.   padding: 0px 1px;
  132.  
  133. filter: alpha(opacity=24);
  134. position: absolute;
  135. margin-: 1px  5px;
  136.  
  137.  
  138.  background-color: rgba(0, 0, 7,0.5);
  139.  
  140.  font-family: "Open Sans", sans-serif;
  141. font-size: 14px;
  142. font-weight: 1;
  143. margin-top:30px;
  144. color: gray;
  145. transition: all .6s ease-in-out;
  146. padding: 1px;
  147. box-sizing: border-box;
  148. clip-path: circle(0% at 100% 100%);
  149. padding: 20px 21px;
  150.  
  151.  width:200px;
  152.  
  153. height:340px;
  154.  
  155.  
  156. }
  157. .card:hover .description{
  158.  
  159. transition: all .7s ease-in-out;
  160. clip-path: circle(100%);
  161. }
  162. .card:hover{
  163. transition: all .5s cubic-bezier(.8,.5,.2,1.4);
  164. box-shadow: 0px 2px 3px rgba(0,0,0,.3);
  165. transform: scale(.94);
  166. }
  167.  
  168. .card h1{
  169. color: #ff3838;
  170. letter-spacing: 1px;
  171. margin: 0px;
  172. margin-top: 1px  5px;
  173.  
  174. }
  175. .card p{
  176.  
  177. }
  178.  
  179. .card button:hover{
  180. overflow:hidden;
  181. transition: all .9s ease-in-out;
  182. }
  183.  
  184.  
  185.  
  186. /*  footer*/
  187. footer {
  188. background-color: #222;
  189. color: #fff;
  190. font-size: 14px;
  191. bottom: 0;
  192. position: fixed;
  193. left: 0;
  194. right: 0;
  195. text-align: center;
  196. z-index: 999;
  197. }
  198.  
  199. footer p {
  200. margin: 10px 0;
  201. font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida  Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  202. }
  203. footer .fa-heart{
  204. color: red;
  205. }
  206. footer .fa-dev{
  207. color: #fff;
  208. }
  209. footer .fa-twitter-square{
  210.   color:#1da0f1;
  211. }
  212. footer .fa-instagram{
  213.   color: #f0007c;
  214. }
  215. fotter .fa-linkedin{
  216.   color:#0073b1;
  217. }
  218. footer .fa-cofloat:left;
  219. depen{
  220.   color:#fff
  221. }
  222. footer a {
  223. color: #3c97bf;
  224. text-decoration: none;
  225.   margin-right:5px;
  226. }
  227.  
  228.  
  229. @keyframes youtubeAnim{
  230.   0%,100%{
  231. color:#c9110f;
  232.   }
  233.   50%{
  234. color:#ff0000;
  235.   }
  236. }
  237. .button4 {
  238. -webkit-appearance: none;
  239. width:auto;
  240. height:auto;
  241. }
  242. .button2 {
  243.   -webkit-appearance: none;
  244. background: transparent;
  245. border: none;
  246. outline: none;
  247. color: #FFF;
  248. background: rgb(255, 26, 26,0.9);
  249. padding: 10px 20px;
  250. cursor: pointer;
  251. border-radius: 5px;
  252. font-size: 17px;
  253.  
  254.  font-family: "Courier New", Courier, monospace";
  255. margin-left: 4px;
  256. margin-right: 4px;
  257. margin-top: 3px;
  258. bottom: 8px;
  259. left: 16px;
  260. font-size: 18px;
  261.  
  262. }
  263. /* footer  */
  264. .movie-img {
  265.  
  266.  
  267.  
  268.   -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(0.35, black), color-stop(0.5, black), color-stop(0.65, black), color-stop(0.85, rgba(0, 0, 0, 0.6)), color-stop(1, transparent));
  269.   position: relative;
  270.  
  271.   background-position: center;
  272.   background-repeat: no-repeat;
  273.   background-size: cover;
  274.   width: auto;
  275. height: 100px;
  276. width: auto;
  277.  
  278.  
  279. }
  280. .dec{
  281.   font-family: "Open Sans", sans-serif;
  282.   font-size: 9px;
  283.   font-weight: 10;
  284.   color: #9b9b9b;
  285.  
  286.   line-height: 1.3;
  287. }
  288. .datec{
  289.   font-family: "Open Sans", sans-serif;
  290.   font-size: 12px;
  291.   font-weight: 10;
  292.   color: #9b9b9b;
  293.  
  294.   line-height: 1.3;
  295. }
  296. .movie-gen, .movie-likes {
  297.   margin: 1px 5px;
  298.   display: inline-block;
  299.  
  300.   margin-top: 3px 4px;
  301.   padding: 0px;
  302. }
  303. .movie-gen li, .movie-likes li {
  304.   font-family: "Open Sans", sans-serif;
  305.   font-size: 12px;
  306.   color: #818181;
  307.   width: auto;
  308.   display: inline-block;
  309.  
  310.   display: block;
  311.   text-algin: center;
  312.   float: left;
  313.   margin-right: 6px;
  314.   font-weight: 200;
  315.   margin: 1px 5px;
  316.   margin-top: 3px 4px;
  317.  
  318.   padding: 4px;
  319. }
  320.  
  321. .movie-details {
  322.   font-family: "Open Sans", sans-serif;
  323.   font-size: 15px;
  324.   font-weight: 100;
  325.   color: #b4b4b4;
  326. }
  327.  
  328. .out {
  329.   float:left;
  330.  
  331.   text-decoration: none;
  332.   font-size: 11px;
  333. margin-top: 1px  5px;
  334.   text-overflow:ellipis-lastline;
  335. flex-basis: 200px;
  336. flex-grow: 0;
  337. width: : 50px;
  338. background: #fff;
  339. box-shadow: 5px 5px 115px -14px black;
  340.   border-radius: 12px;
  341.   background: linear-gradient(rgba(0, 19, 26, 0.95), rgba(30, 19, 26, 0.95));
  342.   display: block;
  343.   margin: 8px;
  344.   padding: 16px;
  345.   word-wrap: break-word;
  346. }
  347. .toast {
  348.   font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  349.   -webkit-font-smoothing: antialiased;
  350.   -moz-osx-font-smoothing: grayscale;
  351.   font-weight: 400;
  352.   position: absolute;
  353.   z-index: 2;
  354.   left: 8px;
  355.   right: 8px;
  356.   bottom: 0;
  357.   margin: 8px 0;
  358.   border-radius: 8px;
  359.   background-color: #ccc;
  360.   display: -webkit-box;
  361.   display: -webkit-flex;
  362.   display: flex;
  363.   min-height: 48px;
  364.   line-height: 1.5;
  365.   box-sizing: border-box;
  366.   padding: 16px 16px;
  367. }
  368. .page {
  369.   font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  370.   -webkit-font-smoothing: antialiased;
  371.   -moz-osx-font-smoothing: grayscale;
  372.   font-weight: 400;
  373.   background-color: #0d0d0d;
  374.   position: absolute;
  375.   top: 0;
  376.   left: 0;
  377.   right: 0;
  378.   bottom: 0;
  379.   height:auto;
  380.   overflow-x: auto;
  381.   overflow-y: auto;
  382.   -webkit-overflow-scrolling: touch;
  383.   color: #fff;
  384.   -ms-overflow-style: none;
  385.   -webkit-font-smoothing: antialiased;}
  386. .toast__message {
  387.   font-size: 14px;
  388.   color: #000;
  389.   -webkit-box-flex: 1;
  390.   -webkit-flex-grow: 1;
  391.   flex-grow: 1;
  392.   text-align: left;
  393.   margin: 0 16px 0 0;
  394.   white-space: normal;
  395. }
  396.  
  397. .card__content {
  398.   margin: 0;
  399.   font-size: 14px;
  400.   line-height: 1.4;
  401.   color: #494747;
  402.   color: rgba(73, 71, 71, 1);
  403. }
  404. /*~
  405.   name: Card with Title
  406.   category: Card
  407.   markup: |
  408. <div style="height: 200px; padding: 1px 0 0 0;">
  409.   <div class="card">
  410. <h2 class="card__title">Card Title</h2>
  411. <div class="card__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  412.   </div>
  413. </div>
  414. */
  415. .card__title {
  416.   font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  417.   -webkit-font-smoothing: antialiased;
  418.   -moz-osx-font-smoothing: grayscale;
  419.   font-weight: 400;
  420.   font-weight: 400;
  421.   font-size: 20px;
  422.   margin: 4px 0 8px 0;
  423.   padding: 0;
  424.   display: block;
  425.   box-sizing: border-box;
  426. }
  427. /*~
  428.   name: Material Card
  429.   category: Card
  430.   markup: |
  431. <div style="height: 200px; padding: 1px 0 0 0;">
  432.   <div class="card card--material">
  433. <div class="card__content card--material__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  434.   </div>
  435. </div>
  436. */
  437. .card--material {
  438.   background-color: #424242;
  439.   border-radius: 2px;
  440.   box-shadow:
  441.   0 2px 2px 0 rgba(0, 0, 0, .14),
  442.   0 1px 5px 0 rgba(0, 0, 0, .12),
  443.   0 3px 1px -2px rgba(0, 0, 0, .2);
  444.   font-family: 'Roboto', 'Noto', sans-serif;
  445.   -webkit-font-smoothing: antialiased;
  446.   font-weight: 400;
  447. }
  448. .card--material__content {
  449.   font-size: 14px;
  450.   line-height: 1.4;
  451.   color: #ffffff;
  452.   color: rgba(255, 255, 255, 0.46);
  453. }
  454. /*~
  455.   name: Material Card with Title
  456.   category: Card
  457.   markup: |
  458. <div style="height: 200px; padding: 1px 0 0 0;">
  459.   <div class="card card--material">
  460. <div class="card__title card--material__title">Card Title</div>
  461. <div class="card__content card--material__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  462.   </div>
  463. </div>
  464. */
  465. .card--material__title {
  466.   font-family: 'Roboto', 'Noto', sans-serif;
  467.   -webkit-font-smoothing: antialiased;
  468.   font-weight: 400;
  469.   font-size: 24px;
  470.   margin: 8px 0 12px 0;
  471. }
  472. /*~
  473.   name: Toast
  474.   category: Toast
  475.   markup: |
  476. <div class="toast">
  477.   <div class="toast__message">Message Message Message Message Message Message</div>
  478.   <button class="toast__button">ACTION</button>
  479. </div>
  480. */
  481. .toast {
  482.   font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  483.   -webkit-font-smoothing: antialiased;
  484.   -moz-osx-font-smoothing: grayscale;
  485.   font-weight: 400;
  486.   position: absolute;
  487.   z-index: 2;
  488.   left: 8px;
  489.   right: 8px;
  490.   bottom: 0;
  491.   margin: 8px 0;
  492.   border-radius: 8px;
  493.   background-color: #ccc;
  494.   display: -webkit-box;
  495.   display: -webkit-flex;
  496.   display: flex;
  497.   min-height: 48px;
  498.   line-height: 1.5;
  499.   box-sizing: border-box;
  500.   padding: 16px 16px;
  501. }
  502. .toast__message {
  503.   font-size: 14px;
  504.   color: #000;
  505.   -webkit-box-flex: 1;
  506.   -webkit-flex-grow: 1;
  507.   flex-grow: 1;
  508.   text-align: left;
  509.   margin: 0 16px 0 0;
  510.   white-space: normal;
  511. }
  512.  
  513.  
  514. .card8 {
  515. font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  516.   -webkit-font-smoothing: antialiased;
  517.   -moz-osx-font-smoothing: grayscale;
  518.   font-weight: 400;
  519.   box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
  520.   border-radius: 8px;
  521.   background-color: #242424;
  522.   box-sizing: border-box;
  523.   display: block;
  524.   margin: 8px;
  525.   margin-top: 30px;
  526.  
  527. width:auto;
  528.   height:auto;
  529.   padding: 16px;
  530.   text-align: left;
  531.   word-wrap: break-word;
  532. }
  533. .card__content {
  534.   margin: 0;
  535.   font-size: 14px;
  536.   line-height: 1.4;
  537.   color: #fff;
  538. }
  539. /*~
  540.   name: Card with Title
  541.   category: Card
  542.   markup: |
  543. <div style="height: 200px; padding: 1px 0 0 0;">
  544.   <div class="card">
  545. <h2 class="card__title">Card Title</h2>
  546. <div class="card__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  547.   </div>
  548. </div>
  549. */
  550. .card__title {
  551.   font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  552.   -webkit-font-smoothing: antialiased;
  553.   -moz-osx-font-smoothing: grayscale;
  554.   font-weight: 400;
  555.   font-weight: 400;
  556.   font-size: 20px;
  557.   margin: 4px 0 8px 0;
  558.   padding: 0;
  559.   display: block;
  560.   box-sizing: border-box;
  561. }
  562. /*~
  563.   name: Material Card
  564.   category: Card
  565.   markup: |
  566. <div style="height: 200px; padding: 1px 0 0 0;">
  567.   <div class="card card--material">
  568. <div class="card__content card--material__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  569.   </div>
  570. </div>
  571. */
  572. .card--material {
  573.   background-color: #424242;
  574.   border-radius: 2px;
  575.   box-shadow:
  576.   0 2px 2px 0 rgba(0, 0, 0, .14),
  577.   0 1px 5px 0 rgba(0, 0, 0, .12),
  578.   0 3px 1px -2px rgba(0, 0, 0, .2);
  579.   font-family: 'Roboto', 'Noto', sans-serif;
  580.   -webkit-font-smoothing: antialiased;
  581.   font-weight: 400;
  582. }
  583. .card--material__content {
  584.   font-size: 14px;
  585.   line-height: 1.4;
  586.   color: #ffffff;
  587.   color: rgba(255, 255, 255, 0.46);
  588. }
  589.  
  590. .card--material__title {
  591.   font-family: 'Roboto', 'Noto', sans-serif;
  592.   -webkit-font-smoothing: antialiased;
  593.   font-weight: 400;
  594.   font-size: 24px;
  595.   margin: 8px 0 12px 0;
  596. }
  597. .toolbar {
  598.   font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  599.   -webkit-font-smoothing: antialiased;
  600.   -moz-osx-font-smoothing: grayscale;
  601.   font-weight: 400;
  602.   box-sizing: border-box;
  603.   background-clip: padding-box;
  604.   white-space: nowrap;
  605.   overflow: hidden;
  606.   word-spacing: 0;
  607.   padding: 0;
  608.   margin: 0;
  609.   font: inherit;
  610.   color: inherit;
  611.   background: transparent;
  612.   border: none;
  613.   line-height: normal;
  614.   cursor: default;
  615.   -webkit-user-select: none;
  616.  -moz-user-select: none;
  617.   -ms-user-select: none;
  618.   user-select: none;
  619.   z-index: 2;
  620.   display: -webkit-box;
  621.   display: -webkit-flex;
  622.   display: flex;
  623.   -webkit-box-align: stretch;
  624.   -webkit-align-items: stretch;
  625.   align-items: stretch;
  626.   -webkit-flex-wrap: nowrap;
  627.   flex-wrap: nowrap;
  628.   height: 44px;
  629.   padding-left: 0;
  630.   padding-right: 0;
  631.   background: #181818;
  632.   color: #fff;
  633.   box-shadow: none;
  634.   font-weight: 400;
  635.   width: 100%;
  636.   white-space: nowrap;
  637.   border-bottom: none;
  638.   background-size: 100% 1px;
  639.   background-repeat: no-repeat;
  640.   background-position: bottom;
  641.   background-image: linear-gradient(0deg, #242424, #242424 100%);
  642. }
  643. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  644.  
  645.   .toolbar {
  646. background-image: linear-gradient(0deg, #242424, #242424 50%, transparent 50%);
  647.   }
  648. }
  649.  
  650.  
  651.  
  652. .txt{
  653.   background: transparent;
  654.   border: none;
  655.   outline: none;
  656.  
  657. color: rgba(143, 143, 143, 1);
  658.  
  659.   cursor: pointer;
  660.   border-radius: 5px;
  661.   font-size: 14px;
  662. font-family: "Courier New", Courier, monospace";
  663. }
  664. }
  665. .txt2{
  666.   background: transparent;
  667.   border: none;
  668.   outline: none;
  669.  
  670. color: rgba(255, 79, 79, 1);
  671.    font-family: "Courier New", Courier, monospace";
  672.  
  673.   cursor: pointer;
  674.   border-radius: 5px;
  675.   font-size: 14px;
  676. }
  677. .txt3{
  678.   background: transparent;
  679.   border: none;
  680.   outline: none;
  681.   color: rgba(7, 247, 87, 1);
  682.    font-family: "Courier New", Courier, monospace";
  683.  
  684.   cursor: pointer;
  685.   border-radius: 5px;
  686.   font-size: 14px;
  687. }
  688. body
  689. {
  690.  
  691.   margin:0px;
  692.   padding:0px;
  693.   font-family: "Open Sans", arial;
  694.   color:#fff;
  695.   width: auto;
  696.   min-width:100%;
  697.   max-width:auto;
  698.     height: 100%;
  699.  
  700.  
  701. }
  702.  
  703. #delete_b {
  704.  
  705.   color: white;
  706.   padding: 15px;
  707.   text-align: center;
  708.   max-width: 315px;
  709.   width: 3000px;
  710. border: 2px solid #363841;
  711.   border-radius: 6px;
  712.   background: #363841;
  713.  
  714.  
  715. }
  716.  
  717. @import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
  718. }
  719. @import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);
  720.  
  721. .logo{
  722.  
  723. }
  724.  
  725.  
  726.  
  727.  
  728.  
  729. @font-face {
  730.   font-family: 'Titillium Web';
  731.   font-style: normal;
  732.   font-weight: 300;
  733.   src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
  734. }
  735.  
  736.  
  737.  
  738. #buy{
  739.   float: left;
  740.   width: auto;
  741.   margin:10px;
  742.  padding:10px 10px;
  743.  
  744.   color: #fff;
  745. background: rgb(249,0,60);background: linear-gradient(318deg, rgba(249,0,60,1) 27%, rgba(41,41,41,1) 56%);
  746. -webkit-filter: drop-shadow(3px 2px 3px #292929);
  747. filter: drop-shadow(1px 1px 3px #292929);
  748. margin:5px;
  749.  font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  750.   -webkit-font-smoothing: antial0ed;
  751.   -moz-osx-font-smoothing: grayscale;
  752.  border-radius: 8px;
  753. cursor: pointer;
  754. border:none;
  755.  
  756. }
  757.  
  758.  
  759.  
  760. #buy:hover{
  761.  
  762.  
  763.   border-bottom: 5px solid rgba(94, 94, 94);
  764.  
  765. }
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772. .wrapper{
  773.   overflow: hidden;
  774. border:none;
  775. padding: 10px 10px;
  776.   display: flex;
  777.   align-items: center;
  778.   justify-content: center;
  779.   flex-direction: column;
  780.   font-weight: 300;
  781.  
  782.  
  783.  }
  784.  
  785. .layout_white{
  786.   overflow: hidden;
  787.   padding:10px  10px;
  788.   min-width:200px;
  789. background: white;
  790. text-align: center;
  791. color:gray;
  792. border:none;
  793. padding:10px 10px;
  794. border-radius: 10px;
  795.  
  796.  }
  797.  
  798. .layout_gray{
  799.   overflow: hidden;
  800.   padding:10px  10px;
  801.   min-width:200px;
  802. background: #282828;
  803. text-align: center;
  804. padding:10px 10px;
  805. border-radius: 10px;
  806. border:none;
  807.  
  808. -webkit-filter: drop-shadow(3px 1px 5px #363841);
  809. filter: drop-shadow(5px 5px 5px #363841);
  810.  
  811.  }
  812. .layout_edit{
  813. overflow: hidden;
  814. background: rgb(59,59,59);
  815. background: linear-gradient(318deg, rgba(59,59,59,1) 45%, rgba(65,93,219,1) 78%);
  816. -webkit-filter: drop-shadow(3px 1px 5px #363841);
  817. filter: drop-shadow(5px 5px 5px #363841);
  818. padding:10px 10px;
  819. border-radius: 10px;
  820.  
  821.  }
  822.  .wrapper2,.wrapper{
  823.  background: rgb(59,59,59);
  824. background: rgba(0,0,0,1) 45%, rgba(65,93,219,1) 78%);
  825. -webkit-filter: drop-shadow(0px 1px 0px #363841);
  826. filter: drop-shadow(5px 5px 5px #363841);
  827. padding:10px 10px;
  828. border-radius: 10px;
  829.  
  830.  }
  831. [class*='block']{
  832.   float: left;
  833.   width: auto;
  834.  padding:20px 20px;
  835. margin:auto auto;
  836.   color: #fff;
  837. background: #1da0f1;
  838. margin:5px;
  839.  font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  840.   -webkit-font-smoothing: antial0ed;
  841.   -moz-osx-font-smoothing: grayscale;
  842.   font-weight: 400;
  843. border-radius: 8px;
  844. cursor: pointer;
  845.  
  846. }
  847.  
  848.  
  849.  
  850. [class*='']:hover{
  851.  
  852.  
  853.   border-bottom: 5px solid #292929;
  854.  
  855. }
  856.  
  857.  
  858.  
  859.  
  860.  
  861. p{
  862. color:white;}
  863. a{
  864.   text-decoration: none;
  865. }
  866. a:link{
  867.   color: white;
  868.   font-size:15px;
  869. }
  870. a:visited{
  871. }
  872. .px {
  873.   padding: 10px 10px;
  874. }
  875.  
  876. .img{
  877. background:url(https://shoppy.gg//images/default-avatar.png?id=55b864e42ffc120971da);
  878.   padding: 10px 10px;
  879.   position: relative;
  880.  
  881.   background-position: center;
  882.   background-repeat: no-repeat;
  883.  
  884. text-align: center;
  885.   border-radius: 200px;
  886. width:50%;
  887. height:100px;
  888.  
  889. margin:5px;
  890.  
  891. }
  892.  
  893. #paynow{
  894.   margin: auto;
  895. width:20%;
  896.  border-radius: 12px;
  897. width:auto;
  898.   padding: 10px 10px;
  899.  background:rgba(255, 0, 72);
  900. text-align: center;
  901. }
  902. #paynow:hover{
  903.  background:rgba(61, 61, 61,0.5);
  904.  
  905.  
  906. }
  907.  
  908. </style>
  909.  
  910. <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="=&quot;IE=edge&quot;/"><meta name="google" value="notranslate"><title>Side Menu</title>
  911.  
  912.  
  913.     <body><div class="wrapper"><h2 class="img"></h2><br><h4 class="txt">@admin</h4><a class="block" href="/payz/home.php/@admin">منتجات المستخدم او منتجاتك اذا كنت بائع</a>
  914.         <a class="block" href="/payz/login.php">ادارة الحساب (غير متوفر)</a>
  915.  
  916.  
  917.  
  918.     </head>
  919. </html>
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!