CaLiGoX

Myspacewindows93 Layout - Simply Red by CaLiGox (give credit)

Feb 9th, 2021 (edited)
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.46 KB | None | 0 0
  1. body{
  2. background-image:url(https://i.postimg.cc/MZBjbdbk/ezgif-com-gif-maker-5.gif);
  3. background-size: 100%;
  4. background-attachment: fixed;
  5. }
  6.  
  7. .url {
  8. font-size: 0px;
  9. background: url(https://i.postimg.cc/XvnhwJYb/Tumblr-mbm05g-U2cp1rdu9woo1-250.gif);
  10. background-size: 310px;
  11. position: fixed;
  12. right: 0;
  13. bottom: 0;
  14. color: transparent !important;
  15. height: 256px;
  16. width: 256px;
  17. border: none;
  18. box-shadow: none;
  19. padding: 0 !important;
  20. z-index: 1000;
  21. }
  22.  
  23. body, div#header{
  24. font-family: courier;
  25. text-shadow: 1px 1px 2px #999, 0 0 1em #999, 0 0 0.2em #999;
  26. color: #999;
  27. text-align: center;
  28. background-color: #101010;
  29. }
  30.  
  31. .topRight{
  32. text-align: center;
  33. }
  34.  
  35. #report{
  36. display: none;
  37. }
  38.  
  39. #block{
  40. display: none;
  41. }
  42.  
  43. .fwiendCounter{
  44. font-size: 0px;
  45. }
  46. .fwiendCounter:after{
  47. font-size: 15px;
  48. font-weight: bold;
  49. content: "people who i definitely didn't hold at gunpoint and force to be my besties :)";
  50. }
  51.  
  52. #sMsg{
  53. font-size: 0px;
  54. background-image:url(https://i.postimg.cc/rsyv57Vz/ezgif-com-gif-maker.gif);
  55. background-size: contain;
  56. }
  57.  
  58. #sMsg:after{
  59. content:"msg me bestie";
  60. font-size: small;
  61. color:#840a0a; padding-left: 10px;
  62. }
  63.  
  64. #add{
  65. font-size: 0px;
  66. background-image:url(https://i.postimg.cc/rsyv57Vz/ezgif-com-gif-maker.gif);
  67. background-size: contain;
  68. }
  69.  
  70. #add:after{
  71. content:"be my bestie?";
  72. font-size: small;
  73. color:#840a0a; padding-left: 10px;
  74. }
  75.  
  76. div#hSub{
  77. font-family: georgia;
  78. color: white;
  79. border: 1px solid #101010;
  80. }
  81.  
  82. a, a h3, .boxInfo a div, .fwiendFace b {
  83. color: #840a0a;
  84. text-shadow: 1px 1px 2px #840a0a, 0 0 1em #840a0a, 0 0 0.2em #840a0a;
  85. }
  86.  
  87. div#hSub{
  88. font-family: georgia;
  89. color: #999;
  90. text-align: center;
  91. text-shadow: 1px 1px 2px #840a0a, 0 0 1em #840a0a, 0 0 0.2em #840a0a;
  92. background-color: #101010
  93. }
  94.  
  95. #hSub a {
  96. color: #840a0a;
  97. text-decoration: none;
  98. }
  99.  
  100. .date {
  101. color: #505050;
  102. text-shadow: 1px 1px 2px #505050, 0 0 1em #505050, 0 0 0.2em #505050;
  103. font-family: georgia;
  104. }
  105.  
  106. h4{
  107. color:rgba(80, 80, 80);
  108. text-shadow: 1px 1px 2px #505050, 0 0 1em #505050, 0 0 0.2em #505050;
  109. font-family: garamond;
  110. }
  111.  
  112. .tableLeft a div b {
  113. color: #840a0a;
  114. float: left;
  115. margin-bottom: 7px !important;
  116. }
  117.  
  118. div#hSub a:first-child {
  119. border-bottom: 2px solid #d00;
  120. padding-bottom: 7px;
  121. }
  122.  
  123. img {
  124. image-rendering: auto;
  125. image-rendering: crisp-edges;
  126. image-rendering: pixelated;
  127. image-orientation: from-image;
  128. transition: filter .3s ease-in-out;
  129. -webkit-filter: grayscale(0%);
  130. filter: grayscale(0%);
  131. }
  132.  
  133. img:hover {
  134. -webkit-filter: grayscale(100%);
  135. filter: grayscale(100%);
  136. transform: scale(1.1);
  137. transition: all ease 500ms;
  138. }
  139.  
  140. div.rightHead, div.boxHead{
  141. background:rgba(132, 10, 10);
  142. color: black;
  143. }
  144.  
  145. .fwiendFace img {
  146. background-position: center;
  147. border-radius: 0%;
  148. display: absolute;
  149. height: 100px;
  150. object-fit: cover;
  151. width: 100px;
  152. transition: filter .5s ease-in-out;
  153. -webkit-filter: grayscale(0%);
  154. filter: grayscale(0%);
  155. }
  156.  
  157. .fwiendFace img:hover {
  158. -webkit-filter: grayscale(100%);
  159. filter: grayscale(100%);
  160. transform: scale(1.1);
  161. transition: all ease 500ms;
  162. }
  163.  
  164. .tableLeft {
  165. background: none;
  166. width: 100px; !important;
  167. height: 100px;
  168. }
  169.  
  170. a.logo {
  171. color: #ffffff00 !important;
  172. text-decoration: none;
  173. font-size: 0px !important;
  174. text-align: center;
  175. }
  176.  
  177. a.logo::after {
  178. content: "can we see beautiful pictures of your life, projected on the side of a house?" !important;
  179. font-size: 15px !important;
  180. letter-spacing: 1px;
  181. text-transform: none;
  182. font-family: georgia !important;
  183. color: #505050
  184. text-shadow: 1px 1px 2px #505050, 0 0 1em #505050, 0 0 0.2em #505050;
  185. text-align: center;
  186. }
  187.  
  188. .player::before {
  189. content: url(https://i.postimg.cc/m2FJN7LC/b9617d9d0ea784e7c565c2ea2b86d071.gif);
  190. display: block;
  191. position: center;
  192. width: calc(40% -20px);
  193. background-position: 0 0;
  194. }
  195.  
  196. #name {
  197. text-align: center;
  198. color: #d00;
  199. text-shadow: 1px 1px 2px #d00, 0 0 1em #d00, 0 0 0.2em #d00;
  200. font-family: garamond;
  201. }
  202.  
  203. div.boxhead {
  204. text-align: center;
  205. }
  206.  
  207. * {
  208. cursor: url(https://cur.cursors-4u.net/cursors/cur-1/cur5.cur),auto!important;
  209. }
  210.  
  211. div#online {
  212. content: url(https://dl.glitter-graphics.com/pub/119/119769kp2qgxjs5x.gif);
  213. display: block;
  214. margin-left: auto;
  215. margin-right: auto;
  216. width: 50%;
  217. }
  218.  
  219. .box > :not(#form) {
  220. padding: 7px;
  221. text-align: center
  222. color: #999;
  223. }
  224.  
  225. div.rightHead, div.boxHead {
  226. background: rgba(132, 10, 10);
  227. color: #999;
  228. }
  229.  
  230. .boxInfo {
  231. border: 1px solid #2b2b2b;
  232. margin-bottom: 20px;
  233. margin-top: 20px;
  234. background-color: #101010;
  235. }
  236.  
  237. .extended {
  238. border: 1px solid #2b2b2b;
  239. text-align: center;
  240. margin-bottom: 20px;
  241. margin-top: 15px;
  242. background-color: #101010;
  243. }
  244.  
  245. .player {
  246. padding: 4px;
  247. margin-top: 20px;
  248. margin-bottom: 15px;
  249. background: #101010;
  250. color: #d00;
  251. width: calc(100% - 10px );
  252. border: 1px solid #2b2b2b;
  253. text-shadow: 1px 1px 2px #d00, 0 0 1em #d00, 0 0 0.2em #d00;
  254. }
  255.  
  256. .blogs, .blog {
  257. margin-bottom: 20px;
  258. background: #101010;
  259. border: 1px solid #101010;
  260. }
  261.  
  262. .topRight {
  263. float: right;
  264. width: calc( 60% - 20px );
  265. padding: 6px;
  266. background-color: #101010;
  267. border: 1px solid #2b2b2b;
  268. }
  269.  
  270. .tableRight {
  271. width: 75%;
  272. background: #101010;
  273. padding: 10px;
  274. vertical-align: top;
  275. overflow-wrap: anywhere;
  276. }
  277.  
  278. button {
  279. background: #505050;
  280. color: #2b2b2b;
  281. border: 1px solid #2b2b2b;
  282. border-radius: 10%;
  283. }
  284.  
  285. audio {
  286. border: solid 1px #101010; */
  287. padding: 2px; */
  288. margin-bottom: 0px;
  289. margin-top: 5px;
  290. width: 100%;
  291. height: 30px;
  292. background: #101010;
  293. outline: none;
  294. margin-bottom: -3px;
  295. filter: sepia(0%) saturate(100%) grayscale(0) contrast(100%) invert(0%); */
  296. }
  297.  
  298. .blogs {
  299. display: flex;
  300. flex-flow: row;
  301. }
  302.  
  303. .blurbs>.blogs>div:not(:first-child):before {
  304. content: "";
  305. width: 96px;
  306. height: 64px;
  307. background: url("https://i.gifer.com/5ygc.gif");
  308. background-size: contain;
  309. display: block;
  310. background-position: center;
  311. background-repeat: no-repeat;
  312. }
  313.  
  314. textarea, textarea:focus {
  315. outline: none;
  316. box-shadow: none !important;
  317. border: 1px solid #2b2b2b;
  318. background-color: red;
  319. color: white;
  320. text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
  321. background-image:url(https://i.postimg.cc/MZBjbdbk/ezgif-com-gif-maker-5.gif);
  322. font-family: garamond;
  323. }
  324.  
  325. input[type=submit] {
  326. --size: 25px;
  327. border: none;
  328. color: #fff0;
  329. background-color: #0000;
  330. background-image: url(https://i.postimg.cc/BbGgsPFP/3dtext2gif-fwuigfazxpmi.gif);
  331. background-size: 100px 70px;
  332. background-position: 0px center;
  333. background-repeat: no-repeat;
  334. padding-left: calc(var(--size) + 25px);
  335. padding-top: calc(var(--size) + 5px);
  336. height: var(--size);
  337. }
Add Comment
Please, Sign In to add comment