API tools faq
paste
Advertisement
luckyoldsun

purple sparkles layout

luckyoldsun
May 23rd, 2019
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.49 KB | None | 0 0
raw download clone embed print report
  1. LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">&nbsp;<span class="th th-stars"></span>&nbsp;REPLY</a> </td></tr>
  2.  
  3. GLOBAL_HEAD<=
  4. <style>
  5.  
  6. body, td {
  7. font-family: verdana, sans-serif;
  8. font-size: 10pt;
  9. }
  10. tt, pre {
  11. font-family: monospace;
  12. }
  13. a {
  14. text-decoration: none;
  15. }
  16. a:hover {
  17. text-decoration: underline;
  18. }
  19. .shadowed, .ljadshadowed {
  20. font-size: 8pt;
  21. background: ;
  22. }
  23. .ljadshadowed div {
  24. visibility: visible;
  25. position: relative;
  26. }
  27. .meta {
  28. font-size: 8pt;
  29. }
  30. .index {
  31. font-size: 8pt;
  32. }
  33. .caption, .index {
  34. color: ;
  35. }
  36. .comments {
  37. font-size: 8pt;
  38. }
  39. </style>
  40.  
  41.  
  42.  
  43. <xx-html><xx-head>
  44.  
  45.  
  46. <style>
  47.  
  48.  
  49. body, td {
  50. font-family: verdana, sans-serif;
  51. font-size: 10pt;
  52. }
  53. tt, pre {
  54. font-family: monospace;
  55. }
  56. a {
  57. text-decoration: none;
  58. }
  59. a:hover {
  60. text-decoration: underline;
  61. }
  62. .shadowed, .ljadshadowed {
  63. font-size: 8pt;
  64. background: ;
  65. }
  66. .ljadshadowed div {
  67. visibility: visible;
  68. position: relative;
  69. }
  70. .meta {
  71. font-size: 8pt;
  72. }
  73. .index {
  74. font-size: 8pt;
  75. }
  76. .caption, .index {
  77. color: ;
  78. }
  79. .comments {
  80. font-size: 8pt;
  81. }
  82. </style>
  83.  
  84.  
  85. <link href="http://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  86. <link rel="stylesheet" href="https://fontcity.neocities.org/bellattrix.css?family=bellattrix">
  87. <link rel="stylesheet" type="text/css" href="http://www.insanejournal.com/stc/lj_base.css?v=1488833697" />
  88. <link rel="stylesheet" type="text/css" href="http://www.insanejournal.com/stc/esn.css?v=1488833697" />
  89. <link rel="stylesheet" href="https://dl.dropbox.com/s/2vzl5lamk7y7zds/brooklyn.css">
  90.  
  91. <meta charset="UTF-8">
  92. <link rel="shortcut icon" href="https://i2.wp.com/piperandleaf.com/wp-content/uploads/2016/03/leaficon-1.png">
  93. <link rel="stylesheet" href="http://abbey.neocities.org/one.css">
  94. <link rel="stylesheet" href="http://abbey.neocities.org/two.css">
  95. <link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">
  96.  
  97.  
  98.  
  99.  
  100. <style>
  101.  
  102.  
  103.  
  104. /* ᴄʀᴇᴅɪᴛ: ᴍɪɴɴᴀ */
  105. /* 𝑑𝑜𝑛'𝑡 𝘩𝑒𝑠𝑖𝑡𝑎𝑡𝑒 𝑡𝑜 𝑎𝑠𝑘 𝑓𝑜𝑟 𝘩𝑒𝑙𝑝, 𝑖'𝑚 𝑎𝑙𝑠𝑜 𝘩𝑎𝑝𝑝𝑦 𝑡𝑜 𝘩𝑒𝑙𝑝 𝑑𝑒𝑠𝑖𝑔𝑛 𝑎𝑛𝑑 𝑐𝑜𝑑𝑒 𝑓𝑜𝑟 𝑦𝑜𝑢. */
  106.  
  107.  
  108. /* IJ OVERRIDES. i've tried to explain what everything does so you can edit more easily, but feel free to ask if you're struggling! */
  109.  
  110. body{background-color:#eeeeee;
  111. background: -webkit-linear-gradient(#f2f2f2, #b097cf); /* For Safari 5.1 to 6.0 */
  112. background: -o-linear-gradient(#f2f2f2, #b097cf); /* For Opera 11.1 to 12.0 */
  113. background: -moz-linear-gradient(#f2f2f2, #b097cf); /* For Firefox 3.6 to 15 */
  114. background: linear-gradient(#f2f2f2, #b097cf); /* Standard syntax (must be last) */}table {border:0px solid #cccccc;} table table {border:0;}
  115. margin-top: 25px;}
  116. table {border:0px;} table table {border:0;}
  117.  
  118. }
  119.  
  120. /* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */
  121. table {
  122. border: 0p;
  123. }
  124. table table {
  125. border: 0px;
  126. }
  127.  
  128. /* JUSTIFIES TEXT */
  129. tr {
  130. text-align:justify;
  131. }
  132.  
  133. /* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */
  134. .entrybox {
  135. width:594px;
  136. }
  137.  
  138. /* ENTRYBOX DISPLAY. note: this also effects the "top box" with your icon, userinfo links, etc! */
  139. .entrybox, .shadowed {
  140. background-color: rgba(255, 255, 255, 0.2); /* set the colour of the entrybox. the 0.2 allows you to mess with the opacity. does not effect font opacity. */
  141. box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */
  142. border-radius: 2px; /* adding a very slight rounding to the edges */
  143. -webkit-border-radius: 2px;
  144. -moz-border-radius: 2px;
  145. }
  146.  
  147. /* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */
  148. table table table td.meta {
  149. font-size: 0px;
  150. line-height: 0px;
  151. }
  152.  
  153.  
  154. /* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */
  155. table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {
  156. visibility: hidden;
  157. line-height: 0px;
  158. }
  159.  
  160. .entrybox td.index {
  161. display: none;
  162. }
  163.  
  164. /* PAGE FONT */
  165. tr, td, table, body {
  166. font-family: mada;
  167. font-size: 6px;
  168. color: #333;
  169. letter-spacing: 1px;
  170. line-height: 10px;
  171. font-weight: lighter;
  172. text-transform: uppercase;
  173. padding: 1px;
  174. }
  175.  
  176.  
  177. /* SETS HOW BOLDED TEXT LOOKS */
  178. b {
  179. font-weight: normal !important;
  180. }
  181.  
  182. /* SUBJECT LINE APPEARANCE & FONT */
  183. p table table td.caption {
  184. font-family: mada;
  185. font-size: 8px;
  186. color: #333;
  187. letter-spacing: 1px;
  188. line-height: 8px;
  189. font-weight: lighter;
  190. margin-bottom: -4px;
  191. text-shadow: 0px 0px 1px #404040;
  192. text-transform:uppercase;
  193. padding: 0px;
  194. }
  195.  
  196.  
  197.  
  198. /* NAMEFIELD - note: this pulls your default namefield */
  199. .shadowed td div {
  200. font-family: bellattrix;
  201. font-size: 25px;
  202. line-height: 3px;
  203. color:#2a2a2a;
  204. text-transform: lowercase;
  205. text-shadow: 0 0 1px rgb(185,173,209);
  206. margin-right: -20px;
  207. padding-top: 38px;
  208. }
  209.  
  210. /* MISC LITTLE TEXT. e.g. navigation/date and time. */
  211. p.index, .index, tr.caption, .meta, td.meta, .comments, .date {
  212. font-family: mada;
  213. font-size: 6px;
  214. line-height: 8px;
  215. letter-spacing: 1px;
  216. color:#222222;
  217. text-shadow:0px 0px 0px #ddd;
  218. font-weight: lighter;
  219. text-transform: uppercase;
  220. }
  221.  
  222. .date {
  223. padding:0;
  224. display:block;
  225. text-align:left; font-size: 6px;
  226. }
  227.  
  228.  
  229. / * HIDES DATE * /
  230. .dates {
  231. display: none;
  232. }
  233.  
  234. /* LINK EFFECTS */
  235. a {
  236. color: #826aa1;
  237. text-shadow: 0px 0px 1px #b89fcb;
  238. text-decoration: none;
  239. -webkit-transition-duration: 1.0s;
  240. -moz-transition-duration: 1.0s;
  241. -o-transition-duration: 1.0s;
  242. }
  243.  
  244. A:hover {
  245. filter: hue-rotate(342deg) saturate(0.9);
  246. -webkit-filter: hue-rotate(342deg) saturate(0.9);
  247. -moz-filter: hue-rotate(342deg) saturate(0.9);
  248. -ms-filter: hue-rotate(342deg) saturate(0.9);
  249. -o-filter: hue-rotate(342deg) saturate(0.9);
  250. text-decoration: none;
  251. color:#d4cedb;
  252. }
  253.  
  254. .shadowed td div img {
  255. box-shadow: 0 0 0 !important;
  256. }
  257.  
  258.  
  259. /* USERICONS & LOCKS - note: this pulls your default icon. */
  260. .shadowed img, .index img {
  261. border-radius: 0px;
  262. opacity: .75;
  263. filter:alpha(opacity=75);
  264. height: 100px; /* ADJUST SIZE OF ICON */
  265. width: 100px; /* ADJUST SIZE OF ICON */
  266. }
  267.  
  268. .shadowed img {
  269. border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
  270. -webkit-border-radius: 10px;
  271. -moz-border-radius: 10px;
  272. padding: 0px;
  273. position: relative;
  274. z-index: 1;
  275. visibility: hidden; /* allows overriding it with a gif in css, keep it visibility: hidden not display: none in order to keep the height of the header box */
  276. }
  277.  
  278. p table table td.caption img {
  279. height:6px;
  280. width:7px;
  281. opacity:0.7;
  282. }
  283.  
  284. /* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
  285. img[src*="img/userinfo.gif"] {
  286. width: 0 !important;
  287. height: 0 !important;
  288. }
  289.  
  290. img[src*="img/community.gif"] {
  291. width: 0 !important;
  292. height: 0 !important;
  293. }
  294.  
  295.  
  296.  
  297. /* OPACITY FOR IMAGES */
  298. img {
  299. border: 0px;
  300. opacity:0.7;
  301. filter:alpha(opacity=70);
  302. border-radius:3px;
  303. -webkit-border-radius:3px;
  304. -moz-border-radius:3px;
  305. -moz-transition: all 1.0s ease-out;
  306. -o-transition: all 1.0s ease-out;
  307. -webkit-transition: all 1.0s ease-out;
  308. transition: all 1.0s ease-out;
  309. }
  310.  
  311. img:hover {
  312. opacity:1.0;
  313. filter:alpha(opacity=100);
  314. -moz-transition: all 1.0s ease-out;
  315. -o-transition: all 1.0s ease-out;
  316. -webkit-transition: all 1.0s ease-out;
  317. transition: all 1.0s ease-out;
  318. }
  319.  
  320. /* FRIENDS PAGE ICON BACKGROUND/FONT */
  321. .entrybox a.index {
  322. background:transparent;
  323. color:#808080;
  324. font-size:8px;
  325. }
  326.  
  327. /* SCROLLBAR APPEARANCE */
  328. ::-webkit-scrollbar {width: 4px;}
  329. /* UNDERNEATH BAR */
  330. ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;}
  331. /* TOP BAR */
  332. ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;border-radius:0px;background-image: url(https://s-media-cache-ak0.pinimg.com/736x/32/de/77/32de77f2336e5adb20b3fbf58d13d94a.jpg);}
  333.  
  334. /* CURSOR */
  335. body, a, a:hover {
  336. cursor:url(http://i.imgur.com/ONVDMqu.png), default;
  337. .}
  338.  
  339.  
  340. /* CSS */
  341.  
  342. #hillary {
  343. position:absolute;
  344. top: 4px;
  345. margin-left: -114px;
  346. visibility: visible;
  347. z-index: 2;
  348. visibility: visible !important;
  349. }
  350.  
  351. #ruth {
  352. position:absolute;
  353. top: 73px;
  354. margin-left: 5px;
  355. z-index: 2;
  356.  
  357. }
  358.  
  359. #frida {
  360. position:absolute;
  361. top: -14px;
  362. margin-left: -50px;
  363. z-index: 1;
  364.  
  365. }
  366.  
  367. #icon {
  368. position:absolute;
  369. top: 0px;
  370. margin-left: -90px;
  371. z-index: 1;
  372. }
  373.  
  374. </style>
  375.  
  376.  
  377.  
  378. <=GLOBAL_HEAD
  379.  
  380. FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">&nbsp;<span class="th th-stars"></span>&nbsp;REPLY</a> </td></tr>
  381.  
  382. LASTN_OPT_ITEMS=>2
  383.  
  384. LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
  385.  
  386. FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
  387.  
  388. LASTN_WEBSITE<=
  389.  
  390.  
  391. <td>
  392. <table cellspacing="0" cellpadding="0" border="0" summary="">
  393.  
  394. <style>
  395.  
  396.  
  397. <div id="hillary">
  398. <img src="https://i.imgur.com/JkWDLzk.gif" style="display: block; width: 90px;height: 90px;opacity: .6; visibility: visible;">
  399. </div>
  400.  
  401. <div id="ruth">
  402. <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;">&nbsp;&nbsp;&nbsp;&nbsp;<a href="/info">USERINFO</a>&emsp;<a href="/friends">FRIENDS</a>&emsp;<a href="http://maiacharlottem.insanejournal.com/calendar">CALENDAR</a></font>
  403. </div>
  404.  
  405. <div id="icon">
  406. <img src="https://imgur.com/t4V0r0r.gif" style="display: block; width: 90px; height: 90px; visibility: visible; -webkit-mask-image: url(https://imgur.com/Ldioaf1.png);">
  407. </div>
  408. <=LASTN_WEBSITE
  409.  
  410. DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!