API tools faq
paste
ruesha

codes 06/08

ruesha
Jun 9th, 2024
602
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.43 KB | None | 0 0
raw download clone embed print report
  1. << camera main box >>
  2. border: 1px solid #929292;
  3. background-color: #fff;
  4. border-radius: 20px;
  5. box-shadow: inset 0px 0px 8px #929292;
  6. width: 350px;
  7. height: 225px;
  8. padding: 15px;
  9. z-index: 20;
  10.  
  11. << ear one >>
  12. border: 1px solid #929292;
  13. background-color: #fff;
  14. border-radius: 20px 20px 20px 20px;
  15. box-shadow: inset 0px 0px 8px #929292;
  16. padding: 35px 40px;
  17. z-index: 2;
  18. width: 100px;
  19. height: 100px;
  20. rotate: -35deg;
  21. position: absolute;
  22. bottom: 187px;
  23. right: 63px;
  24.  
  25. << ear two >>
  26. border: 1px solid #929292;
  27. background-color: #fff;
  28. border-radius: 20px 20px 20px 20px;
  29. box-shadow: inset 0px 0px 8px #929292;
  30. padding: 35px 40px;
  31. z-index: 2;
  32. width: 100px;
  33. height: 100px;
  34. rotate: 35deg;
  35. position: absolute;
  36. bottom: 187px;
  37. left: 50px;
  38.  
  39. << side things on camera >>
  40. border: 1px solid #929292;
  41. background-color: #dfe8da;
  42. border-radius: 10px;
  43. box-shadow: inset 0px 0px 8px #929292;
  44. width: 369px;
  45. position: absolute;
  46. padding: 30px 135px;
  47. bottom: 100px;
  48. left: 25px;
  49.  
  50.  
  51. << circle on camera >>
  52. border: 1px solid #929292;
  53. background-color: #fff;
  54. box-shadow: 0px 0px 2px #929292, inset 0px 0px 3px #929292;
  55. border-radius: 100%;
  56. position: absolute;
  57. bottom: 100px;
  58. right: 75px;
  59. z-index: 32;
  60. width: 80px;
  61. height: 80px;
  62.  
  63.  
  64. << 'OK' text >>
  65. border: 1px solid #929292;
  66. background-color: #dfe8da;
  67. box-shadow: 0px 0px 2px #929292, inset 0px 0px 3px #929292;
  68. border-radius: 100%;
  69. z-index: 32;
  70. width: 35px;
  71. height: 35px;
  72. padding-top: 7.5px;
  73. position: relative;
  74. left: 21px;
  75. bottom: -21px;
  76.  
  77. << top chevron >>
  78. position: absolute;
  79. top: 3px;
  80. left: 30px;
  81.  
  82. << left chevron >>
  83. position: absolute;
  84. bottom: -13px;
  85. left: 1px;
  86.  
  87. << bottom chevron >>
  88. position: absolute;
  89. bottom: -38px;
  90. left: 30px;
  91.  
  92. << right chevron >>
  93. position: absolute;
  94. bottom: -13px;
  95. right: 1px;
  96.  
  97. << main container for info page >>
  98. background: rgb(255,255,255);
  99. background: linear-gradient(84deg, rgba(255,255,255,1) 0%, rgba(223,232,218,1) 82%);
  100. box-shadow: inset 0px 0px 10px #f5f6f7;
  101. width: 370px;
  102. height: 300px;
  103. z-index: 50;
  104. padding: 10px;
  105. position: absolute;
  106. bottom: 2px;
  107. left: 24px;
  108. border: 1px dashed #636363;
  109. border-radius: 7px;
  110.  
  111. << photo 1 for photobooth pic thingy >>
  112. rotate: 3deg;
  113. position: absolute;
  114. right: -20px;
  115. bottom: 195px;
  116.  
  117. << photo 2 for photobooth pic thingy >>
  118. rotate: 3deg;
  119. position: absolute;
  120. right: -15px;
  121. bottom: 105px;
  122.  
  123. << photo 3 for photobooth pic thingy >>
  124. rotate: 3deg;
  125. position: absolute;
  126. right: -10.5px;
  127. bottom: 15px;
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!