API tools faq
paste
Advertisement
codejam

ariana

codejam
Nov 14th, 2017
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.87 KB | None | 0 0
raw download clone embed print report
  1. FRIENDS_WEBSITE<=
  2.  
  3. <table cellspacing="0" cellpadding="0" border="0" summary="">
  4.  
  5.  
  6. <style>
  7.  
  8. body {
  9. overflow: hidden;
  10. }
  11. </style>
  12.  
  13.  
  14. <div id="starfield">
  15. <div id="stars"></div>
  16. <div id="stars2"></div>
  17. <div id="stars3"></div>
  18. </div>
  19.  
  20. <div id="constellation">
  21.  
  22. <div id="galaxies">
  23. <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a>&emsp;<a href="/friends">FRIENDS</a></font>
  24.  
  25. <div id="asteroid">
  26. <nav class="menu">
  27. <ul class="clearfix">
  28. <li>
  29. <a href="#"><span class="arrow">&#5572;</span></a>
  30. <ul class="sub-menu">
  31. <li><a href="LINK">recent</a></li>
  32. <li><a href="LINK">customs</a></li>
  33. <li><a href="LINK">scenes</a></li>
  34. <li><a href="LINK">ooc</a></li>
  35. </ul>
  36. </li>
  37. </ul>
  38. </nav>
  39. </div>
  40.  
  41. </div>
  42.  
  43. <div id="icon">
  44. <div class="wrapper">
  45. <a href="http://arig.insanejournal.com/profile"><div class="ring"></div></a>
  46. <a href="http://arig.insanejournal.com/profile"><div class="ring-behind"></div></a>
  47. <a href="http://arig.insanejournal.com/profile"><div class="planet"></div></a>
  48. </div>
  49. </div>
  50.  
  51. <=FRIENDS_WEBSITE
  52.  
  53. LASTN_TALK_LINKS<=
  54. <tr>
  55. <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"><font style="font-size: 18px;">
  56. %%readlink%%<a href="%%urlpost%%"><i style="size: 6pt; width:14px;" class="fa fa-moon-o" aria-hidden="true"></i></a>
  57. </td>
  58. </tr>
  59. <=LASTN_TALK_LINKS
  60.  
  61. GLOBAL_HEAD<=
  62. <title>a.</title>
  63. <meta charset="UTF-8">
  64. <link rel="shortcut icon" href="http://www.freeiconspng.com/uploads/stars-png-23.png">
  65. <link rel="stylesheet" href="http://minna.neocities.org/fonts/kiss.css">
  66. <link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/universe.css">
  67. <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  68. <link rel="stylesheet" href="https://codester.neocities.org/minna/import.css">
  69. <link rel="stylesheet" href="https://codester.neocities.org/minna/dropdown.css">
  70. <link rel="stylesheet" href="https://codester.neocities.org/minna/stars.css">
  71. <link rel="stylesheet" href="https://codester.neocities.org/minna/planet.css">
  72. <link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">
  73. <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
  74.  
  75.  
  76. <style>
  77.  
  78.  
  79. /* 𝚌𝚛𝚎𝚍𝚒𝚝: @𝚖𝚒𝚗𝚗𝚊 // edits: squirtle@ij */
  80.  
  81.  
  82.  
  83. /* IJ OVERRIDES. */
  84.  
  85.  
  86. /* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */
  87. table {
  88. border: 0p;
  89. }
  90. table table {
  91. border: 0px;
  92. }
  93.  
  94. /* JUSTIFIES TEXT */
  95. tr {
  96. text-align:justify;
  97. }
  98.  
  99. /* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */
  100. .entrybox {
  101. width:594px;
  102. }
  103.  
  104. /* ENTRYBOX DISPLAY. you can override the header box by messing with .shadowed class */
  105. .entrybox, .shadowed {
  106. 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. */
  107. box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */
  108. border-radius: 2px; /* adding a very slight rounding to the edges */
  109. -webkit-border-radius: 2px;
  110. -moz-border-radius: 2px;
  111. }
  112.  
  113.  
  114. /* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */
  115. table table table td.meta {
  116. font-size: 0px;
  117. line-height: 0px;
  118. display: none;
  119. }
  120.  
  121. /* CHANGES FONT SIZES FOR IJ LINKS */
  122. p table.entrybox table table td.meta, table table table td.meta a {
  123. font-size:6px;
  124. line-height: 6px;
  125. font-family: mada;
  126. letter-spacing:1px;
  127. margin-right: 10px;
  128. }
  129.  
  130. /* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */
  131. table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {
  132. visibility: hidden;
  133. line-height: 0px;
  134. }
  135.  
  136. .entrybox td.index {
  137. display: none;
  138. }
  139.  
  140. /* PAGE FONT */
  141. tr, td, table, body {
  142. font-family: mada;
  143. font-size: 6px;
  144. color: #333;
  145. letter-spacing: 1px;
  146. line-height: 10px;
  147. font-weight: lighter;
  148. text-transform: uppercase;
  149. padding: 1px;
  150. }
  151.  
  152. /* SETS HOW BOLDED TEXT LOOKS */
  153. b {
  154. font-weight: normal !important;
  155. }
  156.  
  157. /* SUBJECT LINE APPEARANCE & FONT */
  158. p table table td.caption {
  159. font-family: mada;
  160. font-size: 8px;
  161. color: #333;
  162. letter-spacing: 1px;
  163. line-height: 8px;
  164. font-weight: lighter;
  165. margin-bottom: -4px;
  166. text-shadow: 0px 0px 1px #404040;
  167. text-transform:uppercase;
  168. padding: 0px;
  169. }
  170.  
  171. /* NAMEFIELD - note: this pulls your default namefield */
  172. .shadowed td div {
  173. font-family: universe;
  174. font-size: 30px;
  175. line-height: 10px;
  176. color:#fff;
  177. text-shadow: 0px 1px 2px #ddd;
  178. text-transform: lowercase;
  179. margin-left: 19px;
  180. margin-bottom: -5px;
  181. margin-top: 9px;
  182. }
  183.  
  184. /* MISC LITTLE TEXT. e.g. navigation/date and time. */
  185. p.index, .index, tr.caption, .meta, td.meta, .comments, .date {
  186. font-family: mada;
  187. font-size: 6px;
  188. line-height: 8px;
  189. letter-spacing: 1px;
  190. color:#222222;
  191. text-shadow:0px 0px 0px #ddd;
  192. font-weight: lighter;
  193. text-transform: uppercase;
  194. }
  195.  
  196. .meta, td.meta {
  197. text-align: center;}
  198.  
  199. .date {
  200. padding:0;
  201. display:block;
  202. text-align:left; font-size: 6px;
  203. }
  204.  
  205. / * HIDES DATE * /
  206. .dates {
  207. display: none;
  208. }
  209.  
  210. /* LINK EFFECTS */
  211. a {
  212. color: #ffffff;
  213. text-shadow: 0px 0px 1px #b7b7b7;
  214. text-decoration: none;
  215. -webkit-transition-duration: 1.0s;
  216. -moz-transition-duration: 1.0s;
  217. -o-transition-duration: 1.0s;
  218. }
  219.  
  220. A:hover {
  221. text-decoration: none;
  222. color: #6f4792;
  223. }
  224.  
  225. .shadowed td div img {
  226. box-shadow: 0 0 0 !important;
  227. }
  228.  
  229. /* USERICONS & LOCKS - note: this pulls your default icon. */
  230. .shadowed img, .index img {
  231. border-radius: 0px;
  232. opacity: .75;
  233. filter:alpha(opacity=75);
  234. height: 100px; /* ADJUST SIZE OF ICON */
  235. width: 100px; /* ADJUST SIZE OF ICON */
  236. }
  237.  
  238. .shadowed img {
  239. border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
  240. -webkit-border-radius: 10px;
  241. -moz-border-radius: 10px;
  242. padding: 0px;
  243. position: relative;
  244. z-index: 1;
  245. display: none;
  246. 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 */
  247. }
  248.  
  249. p table table td.caption img {
  250. height:6px;
  251. width:7px;
  252. opacity:0.7;
  253. }
  254.  
  255. /* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
  256. img[src*="img/userinfo.gif"] {
  257. width: 0 !important;
  258. height: 0 !important;
  259. }
  260.  
  261. img[src*="img/community.gif"] {
  262. width: 0 !important;
  263. height: 0 !important;
  264. }
  265.  
  266. /* OPACITY FOR IMAGES */
  267. img {
  268. border: 0px;
  269. opacity:0.7;
  270. filter:alpha(opacity=70);
  271. border-radius:3px;
  272. -webkit-border-radius:3px;
  273. -moz-border-radius:3px;
  274. -moz-transition: all 1.0s ease-out;
  275. -o-transition: all 1.0s ease-out;
  276. -webkit-transition: all 1.0s ease-out;
  277. transition: all 1.0s ease-out;
  278. }
  279.  
  280. img:hover {
  281. opacity:1.0;
  282. filter:alpha(opacity=100);
  283. -moz-transition: all 1.0s ease-out;
  284. -o-transition: all 1.0s ease-out;
  285. -webkit-transition: all 1.0s ease-out;
  286. transition: all 1.0s ease-out;
  287. }
  288.  
  289. /* FRIENDS PAGE ICON BACKGROUND/FONT */
  290. .entrybox a.index {
  291. background:transparent;
  292. color:#808080;
  293. font-size:8px;
  294. }
  295.  
  296. /* SCROLLBAR APPEARANCE */
  297. ::-webkit-scrollbar {width: 4px;}
  298. /* UNDERNEATH BAR */
  299. ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;}
  300. /* TOP BAR */
  301. ::-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);}
  302.  
  303. /* CURSOR */
  304. body, a, a:hover {
  305. cursor:url(http://i.imgur.com/ONVDMqu.png), default;
  306. .}
  307.  
  308. /* CSS */
  309.  
  310. #starfield {
  311. position: absolute;
  312. left: 0;
  313. }
  314.  
  315. #constellation {
  316. width: 560px;
  317. margin: 0 auto;
  318. position: relative;
  319. }
  320.  
  321. #galaxies {
  322. position:absolute;
  323. top: -47px;
  324. right: -7px;
  325. z-index: 7;
  326. }
  327.  
  328. #asteroid {
  329. position:absolute;
  330. top: -42px;
  331. right: 41px;
  332. z-index: 6;
  333. width: 10px
  334. }
  335.  
  336. #icon {
  337. position:absolute;
  338. top: -81px;
  339. margin-left: 366px;
  340. z-index: 2;
  341. }
  342.  
  343.  
  344.  
  345.  
  346. </style>
  347.  
  348. <=GLOBAL_HEAD
  349.  
  350. FRIENDS_TALK_LINKS<=
  351. <tr>
  352. <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"><font style="font-size: 18px;">
  353. %%readlink%%<a href="%%urlpost%%"><i style="size: 6pt; width:14px;" class="fa fa-moon-o" aria-hidden="true"></i></a>
  354. </td>
  355. </tr>
  356. <=FRIENDS_TALK_LINKS
  357.  
  358. LASTN_TALK_READLINK=><a href="%%urlread%%"><font style="font-size: 10px;"><b>%%messagecount%% </b></a></font>
  359.  
  360. LASTN_OPT_ITEMS=>3
  361.  
  362. FRIENDS_TALK_READLINK=><a href="%%urlread%%"><font style="font-size: 10px;"><b>%%messagecount%% </b></a></font>
  363.  
  364. LASTN_WEBSITE<=
  365.  
  366.  
  367. <table cellspacing="0" cellpadding="0" border="0" summary="">
  368.  
  369.  
  370. <style>
  371.  
  372. body {
  373. overflow: hidden;
  374. }
  375. </style>
  376.  
  377.  
  378. <div id="starfield">
  379. <div id="stars"></div>
  380. <div id="stars2"></div>
  381. <div id="stars3"></div>
  382. </div>
  383.  
  384. <div id="constellation">
  385.  
  386. <div id="galaxies">
  387. <font style="font-family: mada; font-size: 7px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a>&emsp;<a href="/friends">FRIENDS</a></font>
  388.  
  389. <div id="asteroid">
  390. <nav class="menu">
  391. <ul class="clearfix">
  392. <li>
  393. <a href="#"><span class="arrow">&#5572;</span></a>
  394. <ul class="sub-menu">
  395. <li><a href="LINK">recent</a></li>
  396. <li><a href="LINK">customs</a></li>
  397. <li><a href="LINK">scenes</a></li>
  398. <li><a href="LINK">ooc</a></li>
  399. </ul>
  400. </li>
  401. </ul>
  402. </nav>
  403. </div>
  404.  
  405. </div>
  406.  
  407. <div id="icon">
  408. <div class="wrapper">
  409. <a href="http://arig.insanejournal.com/profile"><div class="ring"></div></a>
  410. <a href="http://arig.insanejournal.com/profile"><div class="ring-behind"></div></a>
  411. <a href="http://arig.insanejournal.com/profile"><div class="planet"></div></a>
  412. </div>
  413. </div>
  414.  
  415. <=LASTN_WEBSITE
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!