Advertisement
imann

pink lady

Jan 13th, 2021 (edited)
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.21 KB | None | 0 0
  1. body {
  2. background: url(https://i.pinimg.com/474x/3f/d6/4c/3fd64c80cf36a82958dee1612d3bc3d0.jpg);
  3. background-size: 75px;
  4. font-family: times;
  5. }
  6. #container {
  7. max-width: 1024px;
  8. margin-left: auto;
  9. margin-right: auto;
  10. background-color: #fef8f8;
  11. border: #fc7574 solid 4px;
  12. background-image: url(https://simple-repeat.com/img/pngimg/basic/grid/pink/Solid256gridWovenCheck16-32_pink.png);
  13. border-bottom: none;
  14. margin-bottom: -8px;
  15. }
  16. .topLeft {
  17. position: fixed;
  18. width: 30%;
  19. border: #fc7574 double 3px;
  20. border-radius: 20px;
  21. margin: 15px;
  22. background: #fedfdf08;
  23. backdrop-filter: blur(10px);
  24. }
  25. .topRight {
  26. width: 55%;
  27. float: right;
  28. }.url {
  29. border: solid 2px #69c;
  30. padding: 2px;
  31. visibility: hidden;
  32. }
  33. .boxInfo {
  34. border: 1px solid #000;
  35. margin-bottom: 0px;
  36. margin-top: 20px;
  37. }
  38. .player {
  39. padding: 4px;
  40. margin-top: -30px;
  41. margin-bottom: 20px;
  42. background: #d3d3d300;
  43. color: #fc7574;
  44. width: calc(100% - 10px );
  45. border: none
  46. }
  47. .avatar {
  48. width: 200px;
  49. margin-right: 20px;
  50. cursor: zoom-in;
  51. image-orientation: from-image;
  52. border-radius: 20px;
  53. border: 1px #fc7574 solid;
  54. }
  55. .boxInfo {
  56. border: 3px double #fc7574;
  57. margin-bottom: 0px;
  58. margin-top: 20px;
  59. border-radius: 10px;
  60. }
  61. .boxHead {
  62. background: #e59c9c;
  63. color: white;
  64. padding: 3px;
  65. padding-bottom: 4px;
  66. padding-left: 6px;
  67. border-radius: 20px;
  68. text-align: center;
  69. margin: 2px;
  70. text-transform: lowercase;
  71. border: 1px solid #fef8f8;
  72. }
  73. .boxButton {
  74. display: inline-block;
  75. width: calc( 49% - 60px );
  76. padding-left: 30px;
  77. height: 24px;
  78. font-size: smaller;
  79. color: #fc7574;
  80. padding-top: 7px;
  81. }
  82. h2#name {
  83. text-align: center;
  84. }
  85. div#header {
  86. background: #972d32;
  87. font-family: times;
  88. border-bottom: 1px solid #fef8f8;
  89. }
  90. div#hSub {
  91. background: #7a1d1c;
  92. font-family: times;
  93. text-align: center;
  94. }
  95. .rightHead {
  96. background: #fef8f8;
  97. color: #e59c9c;
  98. padding-left: 4px;
  99. border-radius: 20px;
  100. text-align: center;
  101. text-transform: lowercase;
  102. border: 1px solid;
  103. }
  104. h4 {
  105. color: #422918;
  106. margin-bottom: 0px;
  107. }
  108. .player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-enclosure, .player audio::-webkit-media-controls-panel {
  109. background: #fff;
  110. background: #42291900;
  111. height: 36px;
  112. filter: none;
  113. border-radius: 26px;
  114. }
  115. .songName {
  116. margin-top: 0px;
  117. text-align: center;
  118. font-size: medium;
  119. }
  120. .extended {
  121. border: #fc7574 double 3px;
  122. border-radius: 20px;
  123. margin: 15px;
  124. background: #fedfdf08;
  125. backdrop-filter: blur(10px);
  126. }
  127. h3 {
  128. color: #7a1d1c;
  129. margin: 10px;
  130. }
  131. .blurbs {
  132. margin-bottom: 20px;
  133. border: #fc7574 double 3px;
  134. border-radius: 20px;
  135. margin: 15px;
  136. background: #fedfdf08;
  137. backdrop-filter: blur(10px);
  138. padding: 6px;
  139. }
  140. .box.fwiends {
  141. margin-bottom: 20px;
  142. border: #fc7574 double 3px;
  143. border-radius: 20px;
  144. margin: 15px;
  145. background: #fedfdf08;
  146. backdrop-filter: blur(10px);
  147. padding: 6px;
  148. overflow: visible;
  149. }
  150. .fwiendFace:hover{
  151. border-radius: 15px;
  152. transform: scale(1.2);
  153. background-color: #fef8f8;
  154. background-image: url(https://simple-repeat.com/img/pngimg/basic/grid/pink/Solid256gridWovenCheck16-32_pink.png);
  155. animation: wob .5s linear infinite;
  156. box-shadow: 0 0 1rem #fc7574;
  157. border: 1px solid #fc7574;
  158. transition: 0.3s;
  159. }
  160. .fwiendFace img {
  161. border: 4px double #fef8f8;
  162. border-radius: 50%;
  163. background-position: center;
  164. border-radius: 50%;
  165. display: absolute;
  166. height: 100px;
  167. object-fit: cover;
  168. width: 100px;
  169. border-width: 2px;
  170. border-color: #fef8f8;
  171. }
  172. .fwiendCounter {
  173. margin-top: 10px;
  174. margin-bottom: 10px;
  175. text-align: center;
  176. }
  177. .fwiendCount {
  178. color: #fb7e7d;
  179. }
  180. a {
  181. color: #972d32;
  182. }
  183. b {
  184. color: #7a1d1c;
  185. }
  186. .box.comments {
  187. border: 3px #ffffff00 double;
  188. padding: 6px;
  189. }
  190. #commentInput {
  191. width: calc( 99% - 6px );
  192. margin: 0;
  193. margin-top: 10px;
  194. height: 100px;
  195. background: #fef8f8;
  196. }
  197. textarea, textarea:focus {
  198. outline: none;
  199. box-shadow: none !important;
  200. border: 3px double #e59c9c;
  201. border-radius: 10px;
  202. padding: 2px;
  203. }
  204. input[type="submit"] {
  205. color: #7a1d1c;
  206. background: #e59b9b;
  207. border: #fef8f8 2px dotted;
  208. border-radius: 11px;
  209. }
  210. .tableLeft {
  211. background: #fef8f88c;
  212. width: 18%;
  213. padding: 10px;
  214. vertical-align: top;
  215. overflow: hidden;
  216. border-radius: 20px;
  217. border: 1px #7a1d1c solid;
  218. }
  219. .tableRight {
  220. width: 75%;
  221. background: #e59c9ca6;
  222. padding: 10px;
  223. vertical-align: top;
  224. overflow-wrap: anywhere;
  225. border-radius: 20px;
  226. border: solid 1px #972d32;
  227. }
  228. .tableLeft img {
  229. max-width: calc(100%);
  230. image-orientation: from-image;
  231. border-radius: 10px;
  232. }
  233. .blogs div, .blog div {
  234. margin-bottom: 10px;
  235. width: 100%;
  236. float: right;
  237. text-align: center;
  238. overflow: visible;
  239. }
  240. .topLeft.blogCard {
  241. width: 24%;
  242. max-height: fit-content;
  243. position: absolute;
  244. }
  245. .blog {
  246. background-color: #f4d4d4;
  247. padding: 15px;
  248. border-radius: 25px;
  249. border: double 3px #EBB2AE;
  250. }
  251. div.blogs {
  252. text-align: center;
  253. padding: 0px;
  254. margin-bottom: 0px;
  255. }
  256. .blogs {
  257. display: flex;
  258. flex-flow: row wrap;
  259. padding-top: 16px;
  260. padding-bottom: 16px;
  261. }
  262. #sMsg {
  263. background-repeat: no-repeat;
  264. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-pink-icon.png);
  265. }
  266. #report {
  267. background-repeat: no-repeat;
  268. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-pink-icon.png);
  269. }
  270. #add {
  271. background-repeat: no-repeat;
  272. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-pink-icon.png);
  273. }
  274. #block {
  275. background-repeat: no-repeat;
  276. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-pink-icon.png);
  277. }
  278. button {
  279. color: #7a1d1c;
  280. background: #fef8f8;
  281. border: #e59c9c 1px ridge;
  282. border-radius: 11px;
  283. }
  284. .blurbs>.blogs>div:not(:first-child):before {
  285. content: "";
  286. display: block;
  287. background: url(https://icons.iconarchive.com/icons/miniartx/fruit/48/cherry-icon.png);
  288. background-repeat: no-repeat;
  289. background-position: center;
  290. image-rendering: pixelated;
  291. background-size: contain;
  292. height: 43px;
  293. }
  294. .blurbs>.blogs>div:not(:first-child) {
  295. width: 95px;
  296. text-align: center;
  297. margin: 0.5%;
  298. }
  299. .blurbs>.blogs>div:first-child { display:none; }
  300. div#online {
  301. content: url(https://media.disquscdn.com/images/recommend-note.gif);
  302. display: block;
  303. margin-left: none;
  304. margin-right: auto;
  305. width: 50%;
  306. }
  307. div#online:hover {
  308. content: url(https://media.tenor.com/images/c8ede43235fea242e1e7f089b17d6851/tenor.gif);
  309. display: block;
  310. margin-left: none;
  311. margin-right: auto;
  312. width: 50%;
  313. }
  314. div#report:hover {
  315. background: #ffaaaf;
  316. border: outset #fdc0ca;
  317. border-radius: 10px;
  318. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-white-icon.png);
  319. background-repeat: no-repeat;
  320. }
  321. div#sMsg:hover {
  322. background: #ffaaaf;
  323. border: outset #fdc0ca;
  324. border-radius: 10px;
  325. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-white-icon.png);
  326. background-repeat: no-repeat;
  327. }
  328. div#add:hover {
  329. background: #ffaaaf;
  330. border: outset #fdc0ca;
  331. border-radius: 10px;
  332. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-white-icon.png);
  333. background-repeat: no-repeat;
  334. }
  335. div#block:hover {
  336. background: #ffaaaf;
  337. border: outset #fdc0ca;
  338. border-radius: 10px;
  339. background-image: url(https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/bullet-white-icon.png);
  340. background-repeat: no-repeat;
  341. }
  342. .blurbs>.blogs>div:not(:first-child):hover {
  343. background: #fef8f885;
  344. border-radius: 11px;
  345. border: #fc7574bd 1px solid;
  346. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement