stockinganarchy

stocking css v2

Jun 30th, 2020
2,717
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.70 KB | None | 0 0
  1. body{
  2. background-attachment:fixed;
  3. background-image:url(https://66.media.tumblr.com/2d963b20a17243e7fe0a64aced0c7b66/a5fac8d5b0399133-3a/s1280x1920/d5cf3e581f646cae38ea6d268bdb9a5332692d41.png);
  4. background-position:center;
  5. background-size:cover;
  6. color:#fff;
  7. font-family:Tahoma,Geneva,sans-serif;
  8. font-weight:500;
  9. }
  10.  
  11. .extended{
  12. color:#fff;
  13. font-size:10px;
  14. text-shadow:0 0 3px rgba(69,0,112,0.5);
  15. text-shadow:#fff 0 0 7px;
  16. }
  17.  
  18. .extended::after{
  19. background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthumbs.gfycat.com%2FFeistyBackHapuku-size_restricted.gif&f=1&nofb=1);
  20. background-position:center;
  21. background-size:cover;
  22. border:2px solid #000;
  23. border-radius:25px;
  24. bottom:0;
  25. box-sizing:border-box;
  26. color:#fff;
  27. content:"chocolat, chocolat, so sweet and pure";
  28. display:block;
  29. font-family:Century Gothic;
  30. font-size:15px;
  31. font-weight:700;
  32. left:0;
  33. text-align:center;
  34. text-shadow:#fff 0 0 7px;
  35. top:0;
  36. width:100%;
  37. }
  38.  
  39. .logo{
  40. font-size:0;
  41. }
  42.  
  43. .logo::after{
  44. color:#fff;
  45. content:"Anarchy! Everyone wants to be me!";
  46. font-size:15px;
  47. font-weight:800;
  48. }
  49.  
  50. div#header{
  51. background:#673888;
  52. font-family:Century Gothic;
  53. }
  54.  
  55. div#hSub{
  56. background:#8246AD;
  57. font-family:Century Gothic;
  58. }
  59.  
  60. #name{
  61. animation-duration:2.0s;
  62. animation-iteration-count:infinite;
  63. animation-name:flashy;
  64. font-family:Century Gothic;
  65. font-size:25px;
  66. margin:0;
  67. padding-bottom:15px;
  68. padding-left:5px;
  69. }
  70.  
  71. @keyframes flashy{
  72.  
  73. 0%{
  74. color:#a959ff;
  75. }
  76.  
  77. 30%{
  78. color:#03fcfc;
  79. }
  80.  
  81. 65%{
  82. color:#fc037b;
  83. }
  84.  
  85. 100%{
  86. color:#a959ff;
  87. }
  88. }
  89.  
  90.  
  91. #name::after{
  92. content:" (or sto)";
  93. }
  94.  
  95. a:link{
  96. color:purple;
  97. text-shadow:#000 0 0 5px;
  98. }
  99.  
  100. a:active{
  101. color:#fc569c;
  102. }
  103.  
  104. a:visited{
  105. color:#03e3fc;
  106. }
  107.  
  108. .box{
  109. border:transparent;
  110. }
  111.  
  112. .boxInfo{
  113. background:#4D076E;
  114. border:2px dashed #fff;
  115. border:2px solid #000;
  116. margin-bottom:1px;
  117. }
  118.  
  119. .boxButton{
  120. color:#fff;
  121. }
  122.  
  123. .boxHead{
  124. -webkit-text-stroke-color:#000;
  125. -webkit-text-stroke-width:1px;
  126. background:transparent;
  127. border:2x dashed #fff;
  128. color:#fff;
  129. }
  130.  
  131. #sMsg{
  132. background-image:url(https://66.media.tumblr.com/adbf1fcd88407ec538c4a4d5498d527a/fec5713b6bd0c2bb-ee/s75x75_c1/5003ddfd33c9a41938439a1107947c7dc257474a.png);
  133. font-size:0;
  134. }
  135.  
  136. #sMsg::after{
  137. content:"tell me something";
  138. font-size:13px;
  139. }
  140.  
  141. #block{
  142. background-image:url(https://66.media.tumblr.com/02eb9727025f950fae07965d9d696082/fec5713b6bd0c2bb-b1/s75x75_c1/b1be75aa736554043a2e4adc356faa96de30b4b3.png);
  143. font-size:0;
  144. }
  145.  
  146. #block::after{
  147. content:"gn sweet prince";
  148. font-size:13px;
  149. }
  150.  
  151. #report{
  152. background-image:url(https://66.media.tumblr.com/a2fc2462953179d8be63e7473b610227/fec5713b6bd0c2bb-76/s75x75_c1/4afffbe5a03903a64b11a650ec4ebef3dd826b0d.png);
  153. font-size:0;
  154. }
  155.  
  156. #report::after{
  157. content:"snitch to tom";
  158. font-size:13px;
  159. }
  160.  
  161. #add{
  162. background-image:url(https://66.media.tumblr.com/bbc7dcb0bbff62d672e6c7e8583c4644/fec5713b6bd0c2bb-41/s75x75_c1/19cc82aa41a6bf5b753a5d8d36bd20b73acf976f.png);
  163. font-size:13px;
  164. text-transform:lowercase;
  165. }
  166.  
  167. div.url.box{
  168. font-size:0;
  169. text-align:center;
  170. }
  171.  
  172. div.url.box::after{
  173. -webkit-text-stroke-color:#000;
  174. -webkit-text-stroke-width:1px;
  175. color:#fff;
  176. content:"“self-control is bad for the soul.”";
  177. font-size:20px;
  178. font-weight:700;
  179. text-shadow:#A56FCC 0 0 3px;
  180. }
  181.  
  182. .rightHead{
  183. -webkit-text-stroke-color:#000;
  184. -webkit-text-stroke-width:1px;
  185. background:transparent;
  186. color:#fff;
  187. font-size:18px;
  188. text-shadow:0 0 3px rgba(77,7,110,0.5);
  189. }
  190.  
  191. .rightHead::before{
  192. content: url(https://66.media.tumblr.com/tumblr_ls18x47BY51qh1ook.gif);
  193. padding: 5px;
  194. }
  195.  
  196. .rightHead::after{
  197. content: url(https://66.media.tumblr.com/tumblr_ls18x47BY51qh1ook.gif);
  198. padding: 5px;
  199. }
  200.  
  201. .topLeft{
  202. animation-duration:1.5s;
  203. animation-name:slidein;
  204. background-image:url(https://66.media.tumblr.com/5ed70e537411e1d13872724fa9ce1f65/a5fac8d5b0399133-4c/s1280x1920/3303149d38eaac56d3c733c65b5f963851fa1d21.png);
  205. background-position:center;
  206. background-size:cover;
  207. border:2px solid #000;
  208. border-radius:25px;
  209. box-sizing:border-box;
  210. color:#fff;
  211. overflow:auto;
  212. padding:1px;
  213. position:relative;
  214. text-shadow:0 0 4px black;
  215. top:60px;
  216. }
  217.  
  218. @keyframes slidein{
  219. from {
  220. margin-left:-100%;
  221. }
  222.  
  223. to {
  224. margin-left:0;
  225. }
  226. }
  227.  
  228. .avatar{
  229. border:10px solid;
  230. border-image:url(https://i.gifer.com/8VvO.gif) 30 stretch;
  231. box-sizing:border-box;
  232. display:block;
  233. }
  234.  
  235. #gender{
  236. position:relative;
  237. visibility:hidden;
  238. }
  239.  
  240. #gender::after{
  241. content:"Angel? Demon?";
  242. font-size:15px;
  243. left:0;
  244. position:absolute;
  245. top:0;
  246. visibility:visible;
  247. }
  248.  
  249. #age{
  250. position:relative;
  251. visibility:hidden;
  252. }
  253.  
  254. #age::after{
  255. content:"🍬";
  256. font-size:15px;
  257. left:0;
  258. position:absolute;
  259. top:0;
  260. visibility:visible;
  261. }
  262.  
  263. #country{
  264. position:relative;
  265. visibility:hidden;
  266. }
  267.  
  268. #country::after{
  269. content:"Daten City";
  270. font-size:15px;
  271. left:0;
  272. position:absolute;
  273. top:0;
  274. visibility:visible;
  275. }
  276.  
  277. #online{
  278. margin-top:0;
  279. padding:1px;
  280. position:relative;
  281. visibility:hidden;
  282. }
  283.  
  284. #online::after{
  285. content:url("https://66.media.tumblr.com/0aba58a985096c2e488289597b4ccad8/63044b9c0c86e369-66/s250x400/1c41c3d05bd922837f03dea9c5657ba1a6b5a68d.png");
  286. left:0;
  287. position:absolute;
  288. top:0;
  289. visibility:visible;
  290. }
  291.  
  292. .topRight{
  293. animation-duration:1.5s;
  294. animation-name:slide;
  295. }
  296.  
  297. @keyframes slide{
  298. from {
  299. margin-right:-100%;
  300. }
  301.  
  302. to {
  303. margin-right:0;
  304. }
  305. }
  306.  
  307. .player{
  308. background-image:url(https://files.catbox.moe/hhswsl.png);
  309. background-position:center;
  310. background-size:cover;
  311. border:2px solid #000;
  312. color:#fff;
  313. margin:0 auto;
  314. }
  315.  
  316. h4{
  317. -webkit-text-stroke-color:#000;
  318. -webkit-text-stroke-width:1px;
  319. background-image:url(https://www.joann.com/on/demandware.static/-/Sites-joann-product-catalog/default/dwea537ab8/images/hi-res/alt/16477879ALT1.jpg);
  320. background-position:center;
  321. background-size:cover;
  322. border:2px solid #000;
  323. border-bottom:0px;
  324. border-top-left-radius:25px;
  325. border-top-right-radius:25px;
  326. color:#fff;
  327. font-family:Century Gothic;
  328. font-weight:700;
  329. height:20px;
  330. position:relative;
  331. }
  332.  
  333. .blurbs{
  334. margin-block-start:15px;
  335. text-align:center;
  336. text-shadow:0 0 3px rgba(255,255,255,0.5);
  337. }
  338.  
  339. #about{
  340. background:rgba(142,93,154);
  341. border:2px solid #000;
  342. border-radius:25px;
  343. border-top-right-radius:0px;
  344. border-top-left-radius:0px;
  345. padding:15px;
  346. }
  347.  
  348. #who{
  349. background:rgba(142,93,154);
  350. border:2px solid #000;
  351. border-radius:25px;
  352. border-top-right-radius:0px;
  353. border-top-left-radius:0px;
  354. padding:15px;
  355. }
  356.  
  357. .fwiendCount{
  358. color:#00c6ed;
  359. }
  360.  
  361. .fwiendCounter{
  362. -webkit-text-stroke-color:#000;
  363. -webkit-text-stroke-width:1px;
  364. color:#fff;
  365. }
  366.  
  367. #top a{
  368. color:#fc569c;
  369. text-decoration:none;
  370. }
  371.  
  372. .fwiendFace{
  373. background-image:url(https://i.gifer.com/8VvO.gif);
  374. border:2px solid #fff;
  375. border-radius:50%;
  376. font-size:0;
  377. height:100px;
  378. margin-bottom:5px;
  379. margin-right:5px;
  380. max-width:100vw;
  381. width:100px;
  382. }
  383.  
  384. .fwiendFace img{
  385. background-position:center;
  386. border-radius:50%;
  387. display:absolute;
  388. height:100px;
  389. object-fit:cover;
  390. width:100px;
  391. }
  392.  
  393. .fwiendFace:hover{
  394. animation:shake 1s;
  395. animation-iteration-count:infinite;
  396. }
  397.  
  398. @keyframes shake{
  399. 0% {
  400. transform:translate(1px,1px) rotate(0deg);
  401. }
  402.  
  403. 10% {
  404. transform:translate(-1px,-2px) rotate(-1deg);
  405. }
  406.  
  407. 20% {
  408. transform:translate(-3px,0px) rotate(1deg);
  409. }
  410.  
  411. 30% {
  412. transform:translate(3px,2px) rotate(0deg);
  413. }
  414.  
  415. 40% {
  416. transform:translate(1px,-1px) rotate(1deg);
  417. }
  418.  
  419. 50% {
  420. transform:translate(-1px,2px) rotate(-1deg);
  421. }
  422.  
  423. 60% {
  424. transform:translate(-3px,1px) rotate(0deg);
  425. }
  426.  
  427. 70% {
  428. transform:translate(3px,1px) rotate(-1deg);
  429. }
  430.  
  431. 80% {
  432. transform:translate(-1px,-1px) rotate(1deg);
  433. }
  434.  
  435. 90% {
  436. transform:translate(1px,2px) rotate(0deg);
  437. }
  438.  
  439. 100% {
  440. transform:translate(1px,1px) rotate(0deg);
  441. }
  442. }
  443.  
  444. #viewFriends{
  445. background:rgba(142,93,154);
  446. border:2px solid #000;
  447. border-radius:25px;
  448. color:#000;
  449. padding:5px;
  450. }
  451.  
  452. .tableLeft{
  453. background:#673888;
  454. background-position:center;
  455. background-size:cover;
  456. border:2px dashed #fff;
  457. }
  458.  
  459. .tableRight{
  460. background:#000;
  461. border:2px dashed #fff;
  462. color:#fff;
  463. text-shadow:#fff 0 0 7px;
  464. }
  465.  
  466. .blog{
  467. background:rgba(142,93,154);
  468. border:2px solid #000;
  469. text-shadow:#fff 0 0 7px;
  470. }
  471.  
  472. .blogs{
  473. text-shadow:#fff 0 0 7px;
  474. }
  475.  
  476. .blogCard{
  477. position:relative;
  478. top:10px;
  479. }
  480.  
  481. .blogTitle{
  482. font-size:0;
  483. }
  484.  
  485. div#footer{
  486. bottom:0;
  487. font-size:0;
  488. left:700px;
  489. position:fixed;
  490. pointer-events: none;
  491. }
  492.  
  493. div#footer::after{
  494. animation-duration:1.5s;
  495. animation-name:slideup;
  496. content:url("https://66.media.tumblr.com/6ef91df1c65bf5829a951701ec9e97e5/a5fac8d5b0399133-95/s250x400/7a94701a1fc51026055c58fdc13e7abb198310c5.png");
  497. }
  498.  
  499. @keyframes slideup{
  500. from {
  501. margin-right:-100%;
  502. }
  503.  
  504. to {
  505. margin-right:0;
  506. }
  507. }
  508.  
  509. @media screen and (max-device-width: 768px){
  510. div#footer {
  511. visibility:hidden;
  512. }
  513. }
  514.  
  515. @media only screen and (max-width : 768px){
  516. * {
  517. -moz-animation:none!important;
  518. -ms-animation:none!important;
  519. -o-animation:none!important;
  520. -webkit-animation:none!important;
  521. animation:none!important;
  522. }
  523. }
  524.  
  525. * {
  526. cursor:url(https://cur.cursors-4u.net/food/foo-4/foo349.cur),auto!important;
  527. }
Add Comment
Please, Sign In to add comment