Advertisement
Guest User

Untitled

a guest
Mar 22nd, 2018
2,014
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.14 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>title</title>
  3. <link href="https://i.imgur.com/gJroawV.png" rel="icon" type="image/x-icon">
  4.  
  5.  
  6. <link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet" type="text/css">
  7. <link rel="stylesheet" href="http://tif.neocities.org/fonts/4.css">
  8. <link rel="stylesheet" href="http://tif.neocities.org/fonts/2.css">
  9. <link rel="stylesheet" href="http://tif.neocities.org/fonts/5.css">
  10.  
  11. <style>
  12. /* layout by moosh &&& feel free if you have any issues, questions, or just need help with whatever!! */
  13.  
  14. /* background */
  15. body {background-color: rgba(255, 255, 255, 1); background-image: url(http://i.imgur.com/A66Fmng.png); no-repeat fixed top; margin-top:0; margin: 0px; margin-top: 10px;}
  16. td{font-family: helvetica; font-size: 8px; line-height: 10px; color: #333; letter-spacing:1px;} tr{text-align:justify;} table{margin-bottom: -5px;} b{font-weight: normal;}
  17.  
  18. /* cursor */
  19. body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
  20.  
  21. /* link colors */
  22. a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #7AD35F;}
  23. a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease; filter: hue-rotate(360deg) saturate(0.7);-webkit-filter: hue-rotate(360deg) saturate(0.7);-moz-filter: hue-rotate(360deg) saturate(0.7);-ms-filter: hue-rotate(360deg) saturate(0.7);-o-filter: hue-rotate(360deg) saturate(0.7);text-decoration: none;}
  24.  
  25. /* the top box, removes the default icon */
  26. .shadowed{height: 0px;} .shadowed img{display: none;}
  27.  
  28. /* entrybox */
  29. .entrybox {background-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to bottom right, rgba(158, 111, 212, 0.2), rgba(74, 219, 196, 0.25), rgba(251, 157, 182, 0.3)); box-shadow: 0px 0px 1px rgba(215, 215, 215, 1); border-top: 3px solid rgba(158, 111, 212, 0.3); border-left: 3px solid rgba(158, 111, 212, 0.3); border-bottom: 1px solid rgba(143, 238, 189, 0.4); border-right: 1px solid rgba(143, 238, 189, 0.4); border-radius: 3px;}
  30.  
  31. /* date line */
  32. .date {color:#333; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;}
  33. .date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
  34.  
  35. /* subject line */
  36. p table table td.caption {font-family: print; font-size: 18px; line-height: 24px; text-transform: lowercase; letter-spacing: 0px; word-spacing: 1px; color: #222; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15); font-weight: 300; padding: 0; border-width: 0 0 1px 0; border-style: solid;
  37. -webkit-border-image: -webkit-linear-gradient(right, #C6AFDE, #96CBE4, #ECB9D9, #A4E7D4, #ECEEB2) 100% 1;
  38. -moz-border-image: -moz-linear-gradient(right, #C6AFDE, #96CBE4, #ECB9D9, #A4E7D4, #ECEEB2) 100% 1;
  39. -o-border-image: -o-linear-gradient(right, #C6AFDE, #96CBE4, #ECB9D9, #A4E7D4, #ECEEB2) 100% 1;
  40. border-image: linear-gradient(to right, #C6AFDE, #96CBE4, #ECB9D9, #A4E7D4, #ECEEB2) 100% 1;}
  41.  
  42. /* comments */
  43. .comments{font-family: Hind; font-size:7px; line-height: 9px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 8px; line-height: 5px; padding-right: 2px; padding-top: 5px;}
  44.  
  45. /* tiny text -- the bottom of the page (navigation) and on the fp the community and username */
  46. .index, .meta {font-family: consolas; font-size: 7px; text-transform: uppercase; line-height: 7px; padding: 0px; letter-spacing: 1px; }
  47. table table table td.meta {font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top: -5px;}
  48.  
  49. /* friends page icon */
  50. .index img{width: 65px; height: 65px;}
  51.  
  52. /* gif on the sidebar */
  53. #image{position: relative; visibility: visible; top: 10px; left: -665px; z-index: 97; height:0px;}
  54. #gif{background-image: linear-gradient(to bottom right, #C6AFDE, #96CBE4, #ECB9D9, #A4E7D4, #ECEEB2);
  55. box-shadow: 0px 0px 1px #ccc;
  56. display: inline-block;
  57. padding: 5px;
  58. position: relative;
  59. z-index:100;
  60. width: 95px;
  61. margin-bottom:5px;
  62. border-radius: 100%}
  63.  
  64.  
  65. #wreath {
  66. visibility: visible;
  67. margin-right:-70px;}
  68.  
  69. /* top navigation links position */
  70. #navig {position: fixed; width: 200px; height: 200px; top: 0; left:230px;}
  71.  
  72. /* top navigation links */
  73. #navi{overflow: hidden; display: inline-block; color: transparent; width: 5px; margin: 0 3px; padding: 0 2px; padding-top: 30px; float: left; text-align: center; font-family: Hind; font-size: 7.5px; text-transform: uppercase; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; border-radius: 0px 0px 5px 5px;}
  74.  
  75. #navi:hover{overflow: hidden; display: inline-block; color: rgba(52, 51, 51, 0.7); width: 5px; margin: 0 3px; padding: 0 2px; padding-top: 30px; float: left; text-align: center; font-family: Hind; font-size: 7.5px; text-transform: uppercase; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; border-radius: 0px 0px 5px 5px;}
  76.  
  77. /* background colors for the navigation links */
  78. .un{height:340px; background-color: rgba(240, 237, 176, 0.5); box-shadow: 0 0 1px rgba(204, 215, 197, 0.4);}
  79. .un:hover{height: 300px;margin-top: 280px; background-color:#F0EDB0;}
  80.  
  81. .deux{ height:400px; background-color: rgba(165, 230, 213, 0.5); box-shadow: 0 0 1px rgba(204, 215, 197, 0.4);}
  82. .deux:hover{height: 320px;margin-top: 300px; background-color: rgba(165, 230, 213, 1);}
  83.  
  84. .trois{height:360px; background-color: rgba(141, 206, 229, 0.5); box-shadow: 0 0 1px rgba(204, 215, 197, 0.4);}
  85. .trois:hover{height: 330px;margin-top: 310px; background-color: #8DCEE5;}
  86.  
  87. .quatre{height:380px; background-color: rgba(196, 178, 224, 0.5); box-shadow: 0 0 1px rgba(204, 215, 197, 0.4);}
  88. .quatre:hover{height: 320px;margin-top: 300px; background-color: #C4B2E0;}
  89.  
  90.  
  91. /* sidebar with lyrics and stuff */
  92. .words{font-family: consolas; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 116px; display: block; position: absolute; left: 0px; border-width: 0px 0px 2px 0px; border-image: url(http://i.imgur.com/KhFB2Gs.jpg) 8 repeat;}
  93.  
  94. /* lj icons */
  95. .ljuser img{display:none;}
  96.  
  97. /* friends only and private locks */
  98. img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; padding: 9px 0 0 7px !important; vertical-align:-1px !important;opacity:0.8;}
  99. img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;opacity:0.8;}
  100.  
  101. /* selection colors */
  102. ::selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}
  103. ::-moz-selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}
  104.  
  105. </style>
  106.  
  107. <style>
  108.  
  109. table table table table .meta {visibility:hidden; position:absolute;}
  110. table table table table table .meta {visibility:visible; position:relative;}
  111. tr.caption {display:none}
  112. .shadowed td div {visibility:hidden; position:absolute; top:0px}
  113. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  114.  
  115. </style>
  116. <=GLOBAL_HEAD
  117.  
  118. LASTN_OPT_ITEMS=>2
  119.  
  120. LASTN_WEBSITE<=
  121.  
  122. <table cellspacing="0" cellpadding="0" border="0" summary="">
  123. <tr><td valign="bottom" colspan="0" width="600">
  124. <table height="0" align="right" cellspacing="0" border="0" cellpadding="0">
  125. <tr><td valign="top">
  126.  
  127. <div id="image"><div id="wreath" style="z-index: 99; text-align: justify; width: 100px;"><img src="http://i.imgur.com/TGevHOO.png" style="display: block; width: 191px; height: auto; margin-top: 23px;margin-left: -41px;"></div>
  128.  
  129. <img src="GIF HERE" id="gif" style="z-index:98;"></div>
  130.  
  131. <span id="navig">
  132. <center><a href="/profile" class="un" id="navi"><br><br><br><br><Br>
  133. <br><br><br><br><br>
  134. <br><br><br><br><br>
  135. <br><br><br><br><br>
  136. <br><br>
  137. p<br>r<br>o<br>f<br>i<br>l<br>e</a>
  138.  
  139. <a href="/" class="deux" id="navi"><br><br><br><br><Br>
  140. <br><br><br><br><br>
  141. <br><br><br><br><br>
  142. <br><br><br><br><br>
  143. <br><br><br><br>
  144. e<br>n<br>t<br>r<br>i<br>e<br>s</a>
  145.  
  146. <a href="/friends" class="trois" id="navi"><br><br><br><br><Br>
  147. <br><br><br><br><br>
  148. <br><br><br><br><br>
  149. <br><br><br><br><br>
  150. <br><br><Br><br><br>
  151. f<br>r<br>i<br>e<br>n<br>d<br>s</a>
  152.  
  153. <a href="CUSTOM LINK" class="quatre" id="navi"><br><br><br><br><Br>
  154. <br><br><br><br><br>
  155. <br><br><br><br><br>
  156. <br><br><br><br><br>
  157. <br><br><br><br>
  158. c<br>u<br>s<br>t<br>o<br>m<br>s</a> </center>
  159. </span>
  160. </td></tr></table><tr>
  161.  
  162. <=LASTN_WEBSITE
  163.  
  164. FRIENDS_WEBSITE<=
  165.  
  166. <table cellspacing="0" cellpadding="0" border="0" summary="">
  167. <tr><td valign="bottom" colspan="0" width="600">
  168. <table height="0" align="right" cellspacing="0" border="0" cellpadding="0">
  169. <tr><td valign="top">
  170.  
  171. <div id="image"><div id="wreath" style="z-index: 99; text-align: justify; width: 100px;"><img src="http://i.imgur.com/TGevHOO.png" style="display: block; width: 191px; height: auto; margin-top: 23px;margin-left: -41px;"></div>
  172.  
  173. <img src="GIF HERE" id="gif" style="z-index:98;"></div>
  174.  
  175. <span id="navig">
  176. <center><a href="/profile" class="un" id="navi"><br><br><br><br><Br>
  177. <br><br><br><br><br>
  178. <br><br><br><br><br>
  179. <br><br><br><br><br>
  180. <br><br>
  181. p<br>r<br>o<br>f<br>i<br>l<br>e</a>
  182.  
  183. <a href="/" class="deux" id="navi"><br><br><br><br><Br>
  184. <br><br><br><br><br>
  185. <br><br><br><br><br>
  186. <br><br><br><br><br>
  187. <br><br><br><br>
  188. e<br>n<br>t<br>r<br>i<br>e<br>s</a>
  189.  
  190. <a href="/friends" class="trois" id="navi"><br><br><br><br><Br>
  191. <br><br><br><br><br>
  192. <br><br><br><br><br>
  193. <br><br><br><br><br>
  194. <br><br><Br><br><br>
  195. f<br>r<br>i<br>e<br>n<br>d<br>s</a>
  196.  
  197. <a href="CUSTOM LINK" class="quatre" id="navi"><br><br><br><br><Br>
  198. <br><br><br><br><br>
  199. <br><br><br><br><br>
  200. <br><br><br><br><br>
  201. <br><br><br><br>
  202. c<br>u<br>s<br>t<br>o<br>m<br>s</a> </center>
  203. </span>
  204. </td></tr></table><tr>
  205.  
  206. <=FRIENDS_WEBSITE
  207.  
  208. DAY_WEBSITE<=
  209.  
  210. <table cellspacing="0" cellpadding="0" border="0" summary="">
  211. <tr><td valign="bottom" colspan="0" width="600">
  212. <table height="0" align="right" cellspacing="0" border="0" cellpadding="0">
  213. <tr><td valign="top">
  214.  
  215. <div id="image"><div id="wreath" style="z-index: 99; text-align: justify; width: 100px;"><img src="http://i.imgur.com/TGevHOO.png" style="display: block; width: 191px; height: auto; margin-top: 23px;margin-left: -41px;"></div>
  216.  
  217. <img src="GIF HERE" id="gif" style="z-index:98;"></div>
  218.  
  219. <span id="navig">
  220. <center><a href="/profile" class="un" id="navi"><br><br><br><br><Br>
  221. <br><br><br><br><br>
  222. <br><br><br><br><br>
  223. <br><br><br><br><br>
  224. <br><br>
  225. p<br>r<br>o<br>f<br>i<br>l<br>e</a>
  226.  
  227. <a href="/" class="deux" id="navi"><br><br><br><br><Br>
  228. <br><br><br><br><br>
  229. <br><br><br><br><br>
  230. <br><br><br><br><br>
  231. <br><br><br><br>
  232. e<br>n<br>t<br>r<br>i<br>e<br>s</a>
  233.  
  234. <a href="/friends" class="trois" id="navi"><br><br><br><br><Br>
  235. <br><br><br><br><br>
  236. <br><br><br><br><br>
  237. <br><br><br><br><br>
  238. <br><br><Br><br><br>
  239. f<br>r<br>i<br>e<br>n<br>d<br>s</a>
  240.  
  241. <a href="CUSTOM LINK" class="quatre" id="navi"><br><br><br><br><Br>
  242. <br><br><br><br><br>
  243. <br><br><br><br><br>
  244. <br><br><br><br><br>
  245. <br><br><br><br>
  246. c<br>u<br>s<br>t<br>o<br>m<br>s</a> </center>
  247. </span>
  248. </td></tr></table><tr>
  249.  
  250. <=DAY_WEBSITE
  251.  
  252. CALENDAR_WEBSITE<=
  253.  
  254. <table cellspacing="0" cellpadding="0" border="0" summary="">
  255. <tr><td valign="bottom" colspan="0" width="600">
  256. <table height="0" align="right" cellspacing="0" border="0" cellpadding="0">
  257. <tr><td valign="top">
  258.  
  259. <div id="image"><div id="wreath" style="z-index: 99; text-align: justify; width: 100px;"><img src="http://i.imgur.com/TGevHOO.png" style="display: block; width: 191px; height: auto; margin-top: 23px;margin-left: -41px;"></div>
  260.  
  261. <img src="GIF HERE" id="gif" style="z-index:98;"></div>
  262.  
  263. <span id="navig">
  264. <center><a href="/profile" class="un" id="navi"><br><br><br><br><Br>
  265. <br><br><br><br><br>
  266. <br><br><br><br><br>
  267. <br><br><br><br><br>
  268. <br><br>
  269. p<br>r<br>o<br>f<br>i<br>l<br>e</a>
  270.  
  271. <a href="/" class="deux" id="navi"><br><br><br><br><Br>
  272. <br><br><br><br><br>
  273. <br><br><br><br><br>
  274. <br><br><br><br><br>
  275. <br><br><br><br>
  276. e<br>n<br>t<br>r<br>i<br>e<br>s</a>
  277.  
  278. <a href="/friends" class="trois" id="navi"><br><br><br><br><Br>
  279. <br><br><br><br><br>
  280. <br><br><br><br><br>
  281. <br><br><br><br><br>
  282. <br><br><Br><br><br>
  283. f<br>r<br>i<br>e<br>n<br>d<br>s</a>
  284.  
  285. <a href="CUSTOM LINK" class="quatre" id="navi"><br><br><br><br><Br>
  286. <br><br><br><br><br>
  287. <br><br><br><br><br>
  288. <br><br><br><br><br>
  289. <br><br><br><br>
  290. c<br>u<br>s<br>t<br>o<br>m<br>s</a> </center>
  291. </span>
  292. </td></tr></table><tr>
  293.  
  294. <=CALENDAR_WEBSITE
  295.  
  296. LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>
  297.  
  298. DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>
  299.  
  300. FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>
  301.  
  302. CALENDAR_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement