imann

dinner & diatribes

Jan 20th, 2021 (edited)
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.22 KB | None | 0 0
  1. body {
  2. background: #c7c1a2;
  3. background-image: url(https://i.pinimg.com/originals/c5/7f/17/c57f17f63d68c1f47025a3fd106a5ef2.jpg);
  4. background-attachment: fixed;
  5. background-position: center;
  6. }
  7.  
  8. body {
  9. font-family: serif;
  10. padding-top: 58px;
  11. font-size: 15px;
  12. text-align: center
  13. }
  14. a {
  15. color: #422919;
  16. text-shadow: 2px 2px 2px #a8923a;
  17. }
  18. div.boxHead {
  19. text-align: center;
  20. background: none;
  21. border-radius: 15px;
  22. }
  23. .boxHead {
  24. color: #e37a62;
  25. padding: 3px;
  26. padding-bottom: 4px;
  27. padding-left: 6px;
  28. }
  29. div#hSub { background: black;}
  30. div.rightHead {
  31. background: #0f0f0f7a;
  32. text-align: center;
  33. border-radius: 15px;
  34. color: #e37a62;
  35. visibility: hidden;
  36. }
  37. h4 {
  38. color: cornsilk;
  39. margin-bottom: 0px;
  40. margin-top: 0px;
  41. text-shadow: 2px 2px 2px #a8923a;
  42. }
  43. div#header {background:black}
  44. .rightHead {
  45. text-align: center;
  46. background: #0a0a0a;
  47. color: #fff;
  48. padding-bottom: 10px;
  49. }
  50. .short {
  51. margin-top: -15px;
  52. border-radius: 1px;
  53. padding: 20px;
  54. }
  55. td.shortRight {
  56. border: 4px #e2bd4f ridge;
  57. background: #6a525285;
  58. }
  59. .boxButton {
  60. display: inline-block;
  61. width: calc( 49% - 60px );
  62. padding-left: 30px;
  63. height: 24px;
  64. font-size: small;
  65. color: #794D31;
  66. padding-top: 7px;
  67. }
  68. .boxInfo {
  69. border: none;
  70. margin-bottom: 10px;
  71. margin-top: 20px;
  72. background-position-y: center;
  73. }
  74. .url {
  75. border: none;
  76. padding: 2px;
  77. }
  78. .extended {
  79. border: 4px #e2bd4f ridge;
  80. text-align: center;
  81. margin-bottom: 20px;
  82. margin-top: 15px;
  83. background-image: url(https://i.pinimg.com/564x/6e/cb/dd/6ecbddee7b717f03429fb1fca2fc01e6.jpg);
  84. background-attachment: fixed;
  85. }
  86. .blurbs {
  87. margin-bottom: 20px;
  88. border: none;
  89. }
  90. p {
  91. margin: 0;
  92. padding: 5px;
  93. background-color: #6a525285;
  94. border: 4px #e2bd4f ridge;
  95. }
  96. b {
  97. color: cornsilk;
  98. text-shadow: 2px 2px 2px #a8923a;
  99. }
  100. .fwiendCount {
  101. color: #5d4d4d;
  102. }
  103. .tableLeft {
  104. background: #0f0f0f00;
  105. width: 25%;
  106. padding: 10px;
  107. vertical-align: top;
  108. overflow: hidden;
  109. background-position: center;
  110. }
  111. .tableRight {
  112. width: 75%;
  113. border-radius: 1px;
  114. padding: 5px;
  115. background: none;
  116. }
  117. .tableLeft img {
  118. max-width: calc(100%);
  119. border-radius: 50%;
  120. width: 100px;
  121. height: 100px;
  122. background-position: center;
  123. object-fit: cover;
  124. border: 2px #e2bd4f ridge;
  125. }
  126. #footer {
  127. font-size: small;
  128. width: 100%;
  129. bottom: 0px;
  130. display: grid;
  131. text-align: center;
  132. border: none;
  133. }
  134. .box {
  135. border-radius: 1px;
  136. padding: 5px;
  137. }
  138. div.rightHead {
  139. background: #0f0f0f7a;
  140. text-align: center;
  141. border-radius: 15px;
  142. color: #e37a62;
  143. padding: 3px;
  144. padding-bottom: 4px;
  145. padding-left: 6px;
  146. }
  147. #commentInput {
  148. width: 90%;
  149. margin: 0;
  150. margin-top: 10px;
  151. height: 100px;
  152. border: 4px #e2bd4f ridge;
  153. margin-right: 17px;
  154. border-radius: 1px;
  155. padding: 5px;
  156. background-color: #6a525285;
  157. }
  158. .box.comments {
  159. border: none;
  160. padding-top: 25px;
  161. }
  162. div#header {
  163. background: #fff8dc54;
  164. position: absolute;
  165. }
  166. div#hSub {
  167. background: #fff8dc54;
  168. position: absolute;
  169. }
  170. #container {
  171. max-width: 1024px;
  172. margin-left: auto;
  173. margin-right: auto;
  174. background-color: #fff8dc54;
  175. border-right: 4px #e2bd4f ridge;
  176. border-left: 4px #e2bd4f ridge;
  177. border-bottom: 4px #e2bd4f ridge;
  178. }
  179. div#hSub {
  180. border-top: 4px #e2bd4f ridge;
  181. border-bottom: 4px #e2bd4f ridge;
  182. }
  183. .blog {
  184. background-color: #e2bd4f;
  185. padding: 15px;
  186. }
  187. .fwiendFace img {
  188. border: 2px ridge #e2bd4f;
  189. border-radius: 50%;
  190. background-position: center;
  191. border-radius: 50%;
  192. display: absolute;
  193. height: 100px;
  194. object-fit: cover;
  195. width: 100px;
  196. }
  197. .blog {
  198. background-color: #fff8dc00;
  199. padding: 0;
  200. }
  201. .topRight > .extended.box::after {
  202. font-size: 20px;
  203. content: "A pillar I am of pride";
  204. border-radius: 10px;
  205. font-weight: bold;
  206. margin-top: 0px;
  207. margin-bottom: 1em;
  208. display: block;
  209. }
  210. .topRight > .extended.box::after {
  211. font-size: 20px;
  212. content: "A pillar I am of pride";
  213. border-radius: 10px;
  214. color: cornsilk;
  215. text-shadow: 2px 2px 2px #a8923a;
  216. font-weight: bold;
  217. margin-top: 0px;
  218. margin-bottom: 1em;
  219. display: block;
  220. }
  221. h3 {
  222. visibility: hidden;
  223. margin: 0px;
  224. }
  225. .url {
  226. font-size: 0px;
  227. background: url(https://www.pinclipart.com/picdir/big/365-3654081_candle-png-transparent-candle-gif-transparent-background-clipart.png);
  228. background-size: contain;
  229. position: fixed;
  230. right: 0;
  231. bottom: 0;
  232. color: transparent !important;
  233. height: 227px;
  234. width: 150px;
  235. border: none;
  236. box-shadow: none;
  237. padding: 0 !important;
  238. z-index: 1000;
  239. background-repeat-x: no-repeat;
  240. }
  241. .blogs {
  242. display: flex;
  243. flex-flow: row wrap;
  244. padding-top: 0px;
  245. padding-bottom: 0px;
  246. }
  247. .blogs, .blog {
  248. margin-bottom: 0px;
  249. }
  250. .blurbs>.blogs>div:not(:first-child):before {
  251. content: "";
  252. display: block;
  253. width: 97px;
  254. height: 91px;
  255. background: url(https://pngimg.com/uploads/rose/rose_PNG66943.png);
  256. background-repeat: no-repeat;
  257. background-position: center;
  258. image-rendering: pixelated;
  259. background-size: cover;
  260. }
  261. .blurbs>.blogs>div:not(:first-child) {
  262. width: 110px;
  263. text-align: center;
  264. margin: 0 16px;
  265. margin: auto;
  266. background-position: center;
  267. color: black;
  268. text-shadow: 2px 2px 2px #a8923a;
  269. }
  270. .blurbs>.blogs>div:first-child{ display:none; }
  271. .fwiendCounter {
  272. margin-top: 0px;
  273. margin-bottom: 20px;
  274. }
  275. .fwiendCounter:after {
  276. font-size: 20px;
  277. font-weight: bold;
  278. content: "ones who sit at the table";
  279. color: cornsilk;
  280. text-shadow: 2px 2px 2px #a8923a;
  281. }
  282. .fwiendCounter {
  283. font-size: 0px;
  284. }
  285. .player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-enclosure, .player audio::-webkit-media-controls-panel {
  286. background: #fff;
  287. background: #42291900;
  288. height: 36px;
  289. filter: none;
  290. border-radius: 26px;
  291. }
  292. .player {
  293. padding: 4px;
  294. margin-top: 20px;
  295. margin-bottom: 20px;
  296. background: #6a525285;
  297. color: #fff8dc;
  298. idth: calc(100% - 10px );
  299. border: 4px #e2bd4f ridge;
  300. text-shadow: 2px 2px 2px #a8923a;
  301. }
  302. ::-webkit-scrollbar {
  303. width: 6px;
  304. height: 15px;
  305. }
  306. ::-webkit-scrollbar-thumb {
  307. border-radius: 0;
  308. background: #6a5252db;
  309. box-shadow: inset 0 0 13px #9e939369;
  310. border: #8e7731 1px solid;
  311. }
  312. ::-webkit-scrollbar-track {
  313. background: #a8923a;
  314. box-shadow: inset 0 0 4px beige;
  315. border-radius: 0px;
  316. }
  317. .blogs div, .blog div {
  318. margin-bottom: 10px;
  319. width: -webkit-fill-available;
  320. }
  321. td.tableRight:hover {
  322. background-image: url(https://64.media.tumblr.com/b0d3cbaf233acb5463b878e926909469/44def4aa1dd2c0f0-19/s500x750/1ce03fe21f1e79525e8b0c2f894e71eb971a1a64.gifv);
  323. transform: scaleX(1.5);
  324. transform: scaleY(1);
  325. animation: wob .5s linear infinite;
  326. transition: 0.4s;
  327. background-size: cover;
  328. border: #988549 3px ridge;
  329. border-radius: 4px;
  330. box-shadow: 0 0 1rem black;
  331. }
  332. .box {
  333. overflow: visible;
  334. }
  335. #userWall {
  336. margin-top: 10px;
  337. word-wrap: break-word;
  338. display: inline-block;
  339. overflow: visible;
  340. width: 100%;
  341. }
  342. td.tableLeft:hover {
  343. background-image: url(https://media4.giphy.com/media/L0clzvO8qccae852l3/giphy.gif);
  344. transform: scaleX(1.5);
  345. transform: scaleY(1);
  346. animation: wob .5s linear infinite;
  347. transition: 0.4s;
  348. background-size: cover;
  349. background-position: center;
  350. border: #988549 3px ridge;
  351. border-radius: 4px;
  352. box-shadow: 0 0 1rem black;
  353. }
  354. form:hover {
  355. background-image: url(https://64.media.tumblr.com/17b08e30ea9ecdfdf68f799fa2c25012/44def4aa1dd2c0f0-fa/s500x750/b43d2440efa83b7c09b4bca793c44dc5887ed5e2.gifv);
  356. transform: scaleX(1.5);
  357. transform: scaleY(1);
  358. animation: wob .5s linear infinite;
  359. transition: 0.4s;
  360. background-size: cover;
  361. background-position-y: center;
  362. border: #988549 3px ridge;
  363. border-radius: 4px;
  364. box-shadow: 0 0 1rem black;
  365. }
  366. .boxButton {
  367. margin: 2px;
  368. display: inline-block;
  369. width: calc( 49% - 60px );
  370. padding-left: 30px;
  371. height: 24px;
  372. font-size: small;
  373. color: #0a0a0a;
  374. padding-top: 7px;
  375. text-shadow: 2px 2px 2px #a8923a;
  376. }
  377. #sMsg {
  378. background-repeat: no-repeat;
  379. background-image: url(https://i.gifer.com/5Mz4.gif);
  380. background-size: contain;
  381. }
  382. #add {
  383. background-repeat: no-repeat;
  384. background-image: url(https://i.gifer.com/5Mz4.gif);
  385. background-size: contain;
  386. }
  387. #report {
  388. background-repeat: no-repeat;
  389. background-image: url(https://i.gifer.com/5Mz4.gif);
  390. background-size: contain;
  391. }
  392. #block {
  393. background-repeat: no-repeat;
  394. background-image: url(https://i.gifer.com/5Mz4.gif);
  395. background-size: contain;
  396. }
  397. .boxInfo.box:hover {
  398. background-image: url(https://media0.giphy.com/media/PO8gyDUe7cCJSU0NBx/giphy.gif);
  399. transform: scaleX(1.5);
  400. transform: scaleY(1);
  401. animation: wob .5s linear infinite;
  402. transition: 0.4s;
  403. background-position-y: center;
  404. background-size: cover;
  405. border: #988549 3px ridge;
  406. border-radius: 4px;
  407. box-shadow: 0 0 1rem black;
  408. }
  409. form {
  410. background-position-y: center;
  411. }
  412. #top {
  413. padding: 10px;
  414. background: #6a525285;
  415. border: 4px #e2bd4f ridge;
  416. }
  417. .box.fwiends {
  418. background-position: center;
  419. }
  420. .box.fwiends:hover {
  421. background-image: url(https://media0.giphy.com/media/1xOPd1dyjCReHqniby/giphy.gif);
  422. transform: scaleX(1.5);
  423. transform: scaleY(1);
  424. animation: wob .5s linear infinite;
  425. transition: 0.4s;
  426. background-position: center;
  427. background-size: cover;
  428. border: #988549 3px ridge;
  429. border-radius: 4px;
  430. box-shadow: 0 0 1rem black;
  431. }
  432. .blurbs>.blogs>div:not(:first-child):hover {
  433. background-image: url(https://media3.giphy.com/media/d7obZIfTMWJn23wi0G/giphy.gif);
  434. transform: scaleX(1.5);
  435. transform: scaleY(1);
  436. animation: wob .5s linear infinite;
  437. transition: 0.4s;
  438. background-position: center;
  439. background-size: cover;
  440. border: #988549 3px ridge;
  441. border-radius: 4px;
  442. box-shadow: 0 0 1rem black;
  443. }
  444. .topLeft {
  445. border-bottom: 4px #e2bd4f ridge;
  446. border-right: 4px #e2bd4f ridge;
  447. border-left: 4px #e2bd4f ridge;
  448. padding-left: 5px;
  449. margin-left: 5px;
  450. margin-right: 0px;
  451. background: #6a525285;
  452. }
  453. .topRight {
  454. padding: 5px;
  455. }
  456. .blogs, .blog {
  457. margin-bottom: 0px;
  458. background: #6a525285;
  459. border: 4px #e2bd4f ridge;
  460. padding: 10px;
  461. }
  462. h2#name {
  463. text-shadow: 2px 2px 2px #a8923a;
  464. color: black;
  465. margin-top: 15px;
  466. }
  467. button {
  468. margin: 3px;
  469. width: max-content;
  470. border: #988549 3px ridge;
  471. border-radius: 4px;
  472. background: #988549;
  473. font-family: times;
  474. color: #c4b889;
  475. }
  476. input[type="submit"] {
  477. margin: 3px;
  478. width: max-content;
  479. border: #988549 3px ridge;
  480. border-radius: 4px;
  481. background: #988549;
  482. font-family: times;
  483. color: #c4b889;
  484. }
  485. .logo {
  486. visibility: hidden;
  487. }
  488. .logo::after {
  489. padding-top: 10px;
  490. visibility: visible;
  491. width: 171px !important;
  492. top: 0;
  493. left: 0;
  494. font-family: serif;
  495. content: "Honey, I laugh when it sinks in...";
  496. font-size: 20px;
  497. font-weight: bold;
  498. color: black;
  499. }
  500. div#online {
  501. content: url(https://static.wixstatic.com/media/f5f62f_5157198913604809860906d432376f5f~mv2.gif);
  502. display: block;
  503. margin-left: none;
  504. margin-right: auto;
  505. width: 40%;
  506. padding-left: 30px;}
  507. html {
  508. cursor: url(https://64.media.tumblr.com/3b86a3dfc3ce83a1a08a73cbd8d328bc/e72cce72456ee3d0-0c/s75x75_c1/0f05d0983fadcdf2a19e3ba3c6d8974ec1e8da48.png),auto!important;
  509. }
  510. textarea#commentInput {
  511. cursor: url(https://64.media.tumblr.com/615babdd3a920d8cc43a20937f44d09f/40592820b8cf8e69-97/s75x75_c1/80b88ad9421f4f9e69812659f3c8c449360a4cf1.png), auto!important;
  512. }
  513. a, button, input[type="submit"] {
  514. cursor: url(https://64.media.tumblr.com/9bf2e627dbc9630011724bd66a50e08e/40592820b8cf8e69-af/s75x75_c1/10c3e01985f6fb06a52789382d159a37a0b25153.png),auto!important;
  515. }
Add Comment
Please, Sign In to add comment