Advertisement
codejam

autumn fox

Sep 29th, 2017
671
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.39 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>TITLE.</title>
  3. <link rel="shortcut icon" href="https://i.imgur.com/o35xgba.png">
  4.  
  5.  
  6. <style>
  7.  
  8. /*original credit: marak@ij & ines@ij with heavy edits: squirtle@ij*/
  9. /* π‘‘π‘œπ‘›'𝑑 π˜©π‘’π‘ π‘–π‘‘π‘Žπ‘‘π‘’ π‘‘π‘œ π‘Žπ‘ π‘˜ π‘“π‘œπ‘Ÿ π˜©π‘’π‘™π‘, 𝑖'π‘š π‘Žπ‘™π‘ π‘œ π˜©π‘Žπ‘π‘π‘¦ π‘‘π‘œ π˜©π‘’π‘™π‘ 𝑑𝑒𝑠𝑖𝑔𝑛 π‘Žπ‘›π‘‘ π‘π‘œπ‘‘π‘’ π‘“π‘œπ‘Ÿ π‘¦π‘œπ‘’. */
  10.  
  11. @font-face{font-family: luna; src:url("https://dl.dropbox.com/s/prmkdnys12li2qs/Shorelines%20Script%20Bold.otf");}
  12. @font-face{font-family: usagi; src:url("https://dl.dropbox.com/s/irdsm7xbimzcpbj/rose_of_baltimore.ttf");}
  13. @font-face{font-family: sub; src:url("https://dl.dropbox.com/s/txx5tmdfgrgoavu/Love%20Me.ttf");}
  14. @font-face{font-family: streamster; src:url("https://codester.neocities.org/fonts/streamster.css");}
  15. @font-face{font-family: sugar candy; src:url("https://codester.neocities.org/fonts/sugarcandy.css");}
  16. @font-face{font-family: sunfast; src:url("https://codester.neocities.org/fonts/sunfast.css");}
  17. @font-face{font-family: billy ohio; src:url("https://codester.neocities.org/fonts/billyohio.css");}
  18. @font-face{font-family: erica; src:url("https://codester.neocities.org/fonts/erica.css");}
  19.  
  20. /* background */
  21. body{background: url() ;background-attachment:fixed;
  22. background-color:#c0ddea;
  23. background: -webkit-linear-gradient(#ef4e1a, #fdcda9);
  24. background: -o-linear-gradient(#ef4e1a, #fdcda9);
  25. background: -moz-linear-gradient(#ef4e1a, #fdcda9);
  26. background: linear-gradient(#ef4e1a, #fdcda9);
  27. }
  28. overflow-x: hidden; margin-top: 0px; margin-top:0px;}
  29. table {margin-bottom: 0px;}
  30. .shadowed {background-color: #f9f9f9;}
  31.  
  32. /* subject lines */
  33. td.caption{font-family: erica; letter-spacing: 1px; text-transform: lowercase; font-size: 22px; color: #787878; }
  34.  
  35. /* body text */
  36. td {font-family: arial; font-size:10px; line-height:12px; color:#000000;letter-spacing: 0px;}
  37. body, td {color:#000000; font-weight:normal !important;}
  38.  
  39. /* link effects */
  40. a{color: #bf250e; text-decoration: none; font-weight: normal;
  41. -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
  42. -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
  43.  
  44. a:hover{color: #e6de1e; text-decoration: none; font-weight: bold;
  45. -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
  46. -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
  47.  
  48. /* entry box */
  49. .entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png);box-shadow:0 0 1px #dddddd;}
  50. table table table td.meta {font-size:0px;line-height:0px;}
  51. .entrybox {width:594px;}
  52. .date, a.index {visibility:visible !important;}
  53. table table table td.meta {font-size:0px;line-height:0px;}
  54. table {border: none; }
  55. table table, table table td {border: 0;}
  56. table{margin-bottom: -3px;}
  57.  
  58. table, tr {padding:0px; margin-bottom: 1px;}
  59. td, .entrybox {padding: 1px; margin-top: 0px;}
  60. .entrybox td.index {visibility:hidden;}
  61. .entrybox td.index, .index3{visibility:hidden;}
  62. table table table td.meta {font-size:0px;line-height:0px;}
  63. table table table td.meta a {visibility:hidden;}
  64.  
  65. /* entrybox borders */
  66. .entrybox {
  67. background: url(http://i.imgur.com/eLjRmuC.png);
  68. background: #fff;
  69. padding-left:10px;
  70. padding-right:10px;
  71. padding-bottom:-5px;
  72. padding-top:-2px;
  73. box-shadow: 0 0 1px #e0e0e0;
  74. border-bottom: 1px;
  75. border-left: 0px;
  76. border-right: 0px;
  77. border-top: 0px;
  78. border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;
  79. width: 594x;}
  80.  
  81. /* mood & music. */
  82. .entrybox td.meta {display: none;}
  83.  
  84. /* comments */
  85. .comments {font-family: helvetica, helvetica, monaco; font-size: 7px; line-height:7px; letter-spacing:0px; text-transform:uppercase; padding:0px; color:#9d9d9d;}
  86.  
  87. /* all misc little text */
  88. .index, .meta {font-family: roboto, monaco; font-size: 6px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px; }
  89.  
  90. /* date & time */
  91. .date {color: #98010f; display: block; text-align: right; text-transform: uppercase; font-family: sub; font-size: 5px; letter-spacing: 1; line-height: 3px; padding-bottom: 3; padding-top: 0;}
  92. .date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
  93. .dated {display:none;}
  94. .dates {font-family: trebuchet ms; color: #7f7f7f; font-size: 6px; line-height:1px; letter-spacing:1px; text-transform:uppercase; padding:0px;}
  95.  
  96. /* friends page icons & users. */
  97. .entrybox a.index {color:#FF9F80; font-family: roboto; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px;}
  98. .index img{ width: 80px; height: 80px;}
  99.  
  100. /*hides userpic info brackets */
  101. .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
  102.  
  103. /* table borders. */
  104. table {border: 0px solid #fff;
  105. border-image:url(https://i.imgur.com/hkZDj6c.png) 0 0 6 0 repeat;
  106. -moz-border-image:url(https://i.imgur.com/hkZDj6c.png) 0 0 6 0 repeat;
  107. -webkit-border-image:url(https://i.imgur.com/hkZDj6c.png) 0 0 6 0 repeat;
  108. border-width: 0px 0px 6px 0px;}
  109.  
  110. /* usericons & locks. */
  111. .ljuser img {display: none;}
  112. .ljuser:before {content: "πŸ‚";}
  113. .caption img{width:7px; height:7px;}
  114.  
  115. /* headerbox borders */
  116. .shadowed {width: 600px;
  117. background-color: rgba(255, 255, 255, 0.95);
  118. border-bottom: 1px;
  119. border-left: 0px;
  120. border-right: 0px;
  121. border-top: 0px;
  122. border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;}
  123. .shadowed img {display: none;}
  124.  
  125. /* main links under field name */
  126. .links {font-family: consolas, monaco; font-size: 6px; line-height:7px; letter-spacing:1px; padding:0px; text-color: #ff4e50; text-shadow: 1px 0px 1px #fff; text-transform: uppercase; text-align: center; background: rgba(255, 255, 255, 0.6); line-height: 10px; box-shadow: 1px 0px 1px #ccc; }
  127.  
  128. /* ~ines header box edits */
  129. #title{position:absolute; visibility: visible; top:50px; left: 49.5%; margin-left: -160px; z-index:0;}
  130. #subtitle{position:absolute; visibility: visible; top:80px; margin-left: 10px; left: 49.5%; z-index:0;}
  131. #title2{position:absolute; visibility: visible;margin-left: -150px;}
  132. #icon{position:absolute; visibility: visible; top:15px; left: 51%; margin-left: -145px; z-index:0;}
  133. #nye {visibility: visible; top:10px; margin-left:-22px;}
  134.  
  135. /* button style properties */
  136. td.exterior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
  137. td.exterior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
  138. td.interior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
  139. td.interior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
  140.  
  141. /* cursor */
  142. body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
  143. a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}
  144.  
  145. </style>
  146.  
  147.  
  148.  
  149.  
  150. <=GLOBAL_HEAD
  151.  
  152. FRIENDS_WEBSITE<=
  153.  
  154.  
  155. <style>
  156.  
  157.  
  158. .links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;}
  159. .gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;}
  160. .gifs:hover {filter: none; -webkit-filter: grayscale(0);}
  161. #lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;}
  162. #nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;}
  163. .gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;}
  164. .side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;}
  165. #persona{position:absolute; visibility: visible; top:300px; left:38.0%; margin-left: -650px; width: 180px;}
  166. #navvy{position:absolute; visibility: visible; top:100px; left:950px; z-index:0;}
  167. #back{position:absolute; visibility: visible; top: 15px; margin-left: 50px; left: 50%;}
  168. #front{position:absolute; visibility: visible; top: 15px; margin-left: 75px; left: 50%;}
  169. #name{position:absolute; visibility: visible; top: 40px; margin-left: -20px; font-family: billy ohio; font-size:40pt; letter-spacing:0px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
  170. #links{position:absolute; visibility: visible; top: 45px; margin-left: -115px; font-family: arial; font-size: 6pt; letter-spacing: .5px; text-transform: lowercase; line-height: 6.5px; left: 50%;}
  171. #extra1{position:absolute; visibility: visible; top: 32px; margin-left: -130px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
  172. #extra2{position:absolute; visibility: visible; top: 15px; margin-left: 5px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
  173. </style>
  174.  
  175. <div id="persona"><img src="https://i.imgur.com/A7T94kd.png" width="500" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
  176.  
  177. <div id="back"></div>
  178. <div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
  179. <div id="name"><font style="color:#f1c09d;">y</font><font style="color:#f0a97d;">o</font><font style="color:#ed884d;">u</font><font style="color:#e76f2b;">r</font><font style="color:#;"> </font><font style="color:#e76f2b;">n</font><font style="color:#bf5e23;">a</font><font style="color:#925229;">m</font><font style="color:#794525;">e</font></div>
  180. <style>
  181.  
  182.  
  183. table table table table .meta {visibility:hidden; position:absolute;}
  184. table table table table table .meta {visibility:visible; position:relative;}
  185. tr.caption {display:none}
  186. .shadowed td div {visibility:hidden; position:absolute; top:1px}
  187. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  188.  
  189. /* header style */
  190. .title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
  191. .header{ font-family: usagi; font-size: 30px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
  192. .sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
  193. </style>
  194.  
  195.  
  196.  
  197. <tbody><tr><td colspan="0" valign="middle" align="center">
  198. <table style="margin-bottom:-14px;" width="β€œ600&quot;" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
  199.  
  200. <tbody><tr><td colspan="5" valign="bottom" align="center">
  201. <table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="β€œcenter”">
  202. <tbody><tr><td cellpadding="β€œ0”" class="exterior" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/">entries</a></center></td>
  203. <td cellpadding="β€œ0”" class="β€œinterior”" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/2017/01/01/">customs</a></center></td>
  204. <td cellpadding="β€œ0”" class="interior" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/profile">info</a></center></td>
  205. <td cellpadding="β€œ0”" class="exterior" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
  206.  
  207. <tr><td rowspan="2" width="160" valign="left">
  208. <div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/NP02ODx.png" style="width: 100px; height: 100px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);"></div>
  209. <div id="icon" style="z-index:98;"><img src="http://i.imgur.com/5KY3Ujq.png" style="width: 65; height: 65; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
  210. </td>
  211.  
  212. <font class="title2" style="display:block;vertical-align:bottom;">
  213. <div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
  214. </font></td></tr>
  215. </tbody></table></td></tr>
  216.  
  217. <=FRIENDS_WEBSITE
  218.  
  219. LASTN_WEBSITE<=
  220.  
  221. <style>
  222.  
  223.  
  224. .links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;}
  225. .gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;}
  226. .gifs:hover {filter: none; -webkit-filter: grayscale(0);}
  227. #lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;}
  228. #nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;}
  229. .gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;}
  230. .side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;}
  231. #persona{position:absolute; visibility: visible; top:300px; left:38.0%; margin-left: -650px; width: 180px;}
  232. #navvy{position:absolute; visibility: visible; top:100px; left:950px; z-index:0;}
  233. #back{position:absolute; visibility: visible; top: 15px; margin-left: 50px; left: 50%;}
  234. #front{position:absolute; visibility: visible; top: 15px; margin-left: 75px; left: 50%;}
  235. #name{position:absolute; visibility: visible; top: 40px; margin-left: -20px; font-family: billy ohio; font-size:40pt; letter-spacing:0px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
  236. #links{position:absolute; visibility: visible; top: 45px; margin-left: -115px; font-family: arial; font-size: 6pt; letter-spacing: .5px; text-transform: lowercase; line-height: 6.5px; left: 50%;}
  237. #extra1{position:absolute; visibility: visible; top: 32px; margin-left: -130px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
  238. #extra2{position:absolute; visibility: visible; top: 15px; margin-left: 5px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
  239. </style>
  240.  
  241. <div id="persona"><img src="https://i.imgur.com/A7T94kd.png" width="500" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
  242.  
  243. <div id="back"><img src="" align="right"></div>
  244. <div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
  245. <div id="name"><font style="color:#f1c09d;">y</font><font style="color:#f0a97d;">o</font><font style="color:#ed884d;">u</font><font style="color:#e76f2b;">r</font><font style="color:#;"> </font><font style="color:#e76f2b;">n</font><font style="color:#bf5e23;">a</font><font style="color:#925229;">m</font><font style="color:#794525;">e</font></div>
  246. <style>
  247.  
  248.  
  249. table table table table .meta {visibility:hidden; position:absolute;}
  250. table table table table table .meta {visibility:visible; position:relative;}
  251. tr.caption {display:none}
  252. .shadowed td div {visibility:hidden; position:absolute; top:1px}
  253. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  254.  
  255. /* header style */
  256. .title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
  257. .header{ font-family: usagi; font-size: 30px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
  258. .sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
  259. </style>
  260.  
  261.  
  262.  
  263. <tbody><tr><td colspan="0" valign="middle" align="center">
  264. <table style="margin-bottom:-14px;" width="β€œ600&quot;" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
  265.  
  266. <tbody><tr><td colspan="5" valign="bottom" align="center">
  267. <table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="β€œcenter”">
  268. <tbody><tr><td cellpadding="β€œ0”" class="exterior" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/">entries</a></center></td>
  269. <td cellpadding="β€œ0”" class="β€œinterior”" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/2017/01/01/">customs</a></center></td>
  270. <td cellpadding="β€œ0”" class="interior" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/profile">info</a></center></td>
  271. <td cellpadding="β€œ0”" class="exterior" width="β€œ50&quot;" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
  272.  
  273. <tr><td rowspan="2" width="160" valign="left">
  274. <div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/NP02ODx.png" style="width: 100px; height: 100px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);"></div>
  275. <div id="icon" style="z-index:98;"><img src="http://i.imgur.com/5KY3Ujq.png" style="width: 65; height: 65; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
  276. </td>
  277.  
  278. <font class="title2" style="display:block;vertical-align:bottom;">
  279. <div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
  280. </font></td></tr>
  281. </tbody></table></td></tr>
  282. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement