residentevildash

monster city theme

Aug 22nd, 2022 (edited)
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.72 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <head>
  3.  
  4. <!-- MONSTER CITY theme by Dextera ifonlyformemories
  5.  
  6. you can tweak this how you see fit, the code is a mess though because this is my first theme and im scared. please leave the credit link - though you can change the symbol if you want. the div for it is called #c and uses a custom wingdings font, so keep that in mind.
  7.  
  8. ...and the equip textbox is .equip-desc if you want to style the text differently. i dont really know what to do with it.
  9.  
  10. feel free to message me or send an ask to ifonlyformemories if there are issues that you find or if you have a question!
  11.  
  12. ! my gifs for danger and poison are not the clearest! best i could find/make happen, though. if you have better ones feel free to let me know so i can incorporate them into the code. their div is "condition-img" if you want to sub something out.
  13.  
  14. I used Emoticon jellyparty's container base code [https://pastebin.com/nz8e7vpu] for figuring out the post content, so big thanks to Emoticon :]
  15.  
  16. This site has images to use for the item slots: https://www.spriters-resource.com/playstation/resi2/sheet/26097/
  17.  
  18. have fun! -Dex
  19.  
  20. -->
  21.  
  22. <!--image-->
  23. <meta name="image:favicon" content="">
  24. <meta name="image:portrait" content=""/>
  25. <meta name="image:background image" content="">
  26. <meta name="image:equipped item" content=""/>
  27. <meta name="image:key item" content=""/>
  28. <meta name="image:inv slot 1" content=""/>
  29. <meta name="image:inv slot 2" content=""/>
  30. <meta name="image:inv slot 3" content=""/>
  31. <meta name="image:inv slot 4" content=""/>
  32. <meta name="image:inv slot 5" content=""/>
  33. <meta name="image:inv slot 6" content=""/>
  34. <meta name="image:inv slot 7" content=""/>
  35. <meta name="image:inv slot 8" content=""/>
  36.  
  37. <!--color-->
  38. <meta name="color:background" content="#080820"/>
  39. <meta name="color:container background" content="#080820"/>
  40. <meta name="color:posts background" content="#08004A"/>
  41. <meta name="color:ask and music player background" content="#08005A"/>
  42. <meta name="color:footer box" content="#08004A"/>
  43. <meta name="color:key item bg" content="#08005A"/>
  44. <meta name="color:equip bg" content="#08005A"/>
  45.  
  46. <meta name="color:posts outline" content="#000000"/>
  47. <meta name="color:ask and music player outline" content="#000000"/>
  48. <meta name="color:footer box outline" content="#000000"/>
  49.  
  50. <meta name="color:text color" content="#FFFFFF"/>
  51. <meta name="color:name color" content="#FFFFFF"/>
  52. <meta name="color:condition text color" content=""/>
  53. <meta name="color:status text color" content="#007B00"/>
  54. <meta name="color:equip text color" content=""/>
  55. <meta name="color:condition drop shadow" content="#5A7B5A"/>
  56. <meta name="color:equip drop shadow" content="#5A7B5A"/>
  57.  
  58. <meta name="color:links" content=""/>
  59. <meta name="color:link hover" content=""/>
  60. <meta name="color:tab links" content=""/>
  61. <meta name="color:tab links hover" content=""/>
  62. <meta name="color:page arrows color" content=""/>
  63.  
  64. <!--dropdown-->
  65. <meta name="select:name font" content="Alata"/>
  66. <meta name="select:name font" content="Inter"/>
  67. <meta name="select:name font" content="Times New Roman"/>
  68. <meta name="select:name font" content="HighwayGothic"/>
  69. <meta name="select:name font" content="Agatho"/>
  70. <meta name="select:name font" content="Averia"/>
  71. <meta name="select:name font" content="BitmGothic"/>
  72. <meta name="select:name font" content="BlrrPixs"/>
  73. <meta name="select:name font" content="CareBears"/>
  74. <meta name="select:name font" content="ResEvil"/>
  75. <meta name="select:name font" content="TypeWriterCondensed"/>
  76. <meta name="select:name font" content="VT323"/>
  77.  
  78. <meta name="select:posts font" content="Inter"/>
  79. <meta name="select:posts font" content="Times New Roman"/>
  80. <meta name="select:posts font" content="TypeWriterCondensed"/>
  81. <meta name="select:posts font" content="Alata"/>
  82. <meta name="select:posts font" content="BlrrPixs"/>
  83. <meta name="select:posts font" content="CareBears"/>
  84. <meta name="select:posts font" content="HighwayGothic"/>
  85. <meta name="select:posts font" content="VT323"/>
  86.  
  87. <meta name="select:labels font" content="Agatho"/>
  88. <meta name="select:labels font" content="Inter"/>
  89. <meta name="select:labels font" content="Times New Roman"/>
  90. <meta name="select:labels font" content="Alata"/>
  91. <meta name="select:labels font" content="Averia"/>
  92. <meta name="select:labels font" content="BitmGothic"/>
  93. <meta name="select:labels font" content="BlrrPixs"/>
  94. <meta name="select:labels font" content="CareBears"/>
  95. <meta name="select:labels font" content="HighwayGothic"/>
  96. <meta name="select:labels font" content="ResEvil"/>
  97. <meta name="select:labels font" content="TypeWriterCondensed"/>
  98. <meta name="select:labels font" content="VT323"/>
  99.  
  100. <meta name="select:tabs font" content="Agatho"/>
  101. <meta name="select:tabs font" content="Inter"/>
  102. <meta name="select:tabs font" content="Times New Roman"/>
  103. <meta name="select:tabs font" content="Alata"/>
  104. <meta name="select:tabs font" content="Averia"/>
  105. <meta name="select:tabs font" content="BitmGothic"/>
  106. <meta name="select:tabs font" content="BlrrPixs"/>
  107. <meta name="select:tabs font" content="CareBears"/>
  108. <meta name="select:tabs font" content="ResEvil"/>
  109. <meta name="select:tabs font" content="TypeWriterCondensed"/>
  110. <meta name="select:tabs font" content="VT323"/>
  111.  
  112. <meta name="select:status font" content="BlrrPixs"/>
  113. <meta name="select:status font" content="Inter"/>
  114. <meta name="select:status font" content="Times New Roman"/>
  115. <meta name="select:status font" content="BitmGothic"/>
  116. <meta name="select:status font" content="VT323"/>
  117. <meta name="select:status font" content="Alata"/>
  118. <meta name="select:status font" content="Agatho"/>
  119. <meta name="select:status font" content="Averia"/>
  120. <meta name="select:status font" content="Carebears"/>
  121. <meta name="select:status font" content="ResEvil"/>
  122. <meta name="select:status font" content="TypeWriterCondensed"/>
  123.  
  124. <meta name="select:condition gif" title="Fine" content="https://randomgen1998.neocities.org/img/fine.gif"/>
  125. <meta name="select:condition gif" title="Caution" content="https://randomgen1998.neocities.org/img/caution.gif"/>
  126. <meta name="select:condition gif" title="Danger" content="https://randomgen1998.neocities.org/img/danger.gif"/>
  127. <meta name="select:condition gif" title="Poison" content="https://randomgen1998.neocities.org/img/poison.gif"/>
  128. <meta name="select:condition gif" title="(static) Fine" content="https://randomgen1998.neocities.org/img/static%20fine.png"/>
  129. <meta name="select:condition gif" title="(static) Caution" content="https://randomgen1998.neocities.org/img/static%20caution.png"/>
  130. <meta name="select:condition gif" title="(static) Danger" content="https://randomgen1998.neocities.org/img/static%20danger.png"/>
  131. <meta name="select:condition gif" title="(static) Poison"content="https://randomgen1998.neocities.org/img/static%20poison.png"/>
  132.  
  133.  
  134.  
  135. <!--text-->
  136. <meta name="text:browser tab title" content=""/>
  137. <meta name="text:name" content="NAME"/>
  138. <meta name="text:status text" content="Fine"/>
  139. <meta name="text:equip label" content="EQUIP"/>
  140. <meta name="text:condition label" content="CONDITION"/>
  141. <meta name="text:equip textbox" content=""/>
  142.  
  143. <meta name="text:post font size" content="18"/>
  144. <meta name="text:name font size" content="28"/>
  145. <meta name="text:condition font size" content="26"/>
  146. <meta name="text:equip font size" content="34"/>
  147. <meta name="text:equip textbox font size" content="20"/>
  148. <meta name="text:status font size" content="30"/>
  149. <meta name="text:tabs font size" content="28"/>
  150. <meta name="text:inv box hue shift 1 thru 360" content=""/>
  151.  
  152. <meta name="text:sorry for these next few ones" content="helps align different sizes of texts and fonts. leave it alone if its not an issue. only put numbers btw"/>
  153. <meta name="text:name line height" content="35"/>
  154. <meta name="text:condition line height" content=""/>
  155. <meta name="text:equip line height" content=""/>
  156. <meta name="text:status line height" content="28"/>
  157. <meta name="text:tabs line height" content="1"/>
  158.  
  159. <meta name="text:tab 1" content="FILE"/>
  160. <meta name="text:tab 2" content="MAP"/>
  161. <meta name="text:tab 3" content="ITEM"/>
  162. <meta name="text:tab 4" content="EXIT"/>
  163. <meta name="text:tab 1 url" content="/ask"/>
  164. <meta name="text:tab 2 url" content="/archive"/>
  165. <meta name="text:tab 3 url" content="/"/>
  166. <meta name="text:tab 4 url" content="https://www.tumblr.com/dashboard"/>
  167.  
  168. <meta name="text:key item img link" content="https://crouton.net/"/>
  169.  
  170. <!--um-->
  171.  
  172. <link rel="shortcut icon" href="{image:favicon}">
  173. <title>{text:browser tab title}</title>
  174.  
  175.  
  176. <style type="text/css">
  177.  
  178. @font-face {font-family: "Agatho";
  179. src: url("https://downstairs.neocities.org/fonts/Agatho_%20BoldCAPS.otf") format("truetype");}
  180. @font-face {font-family: "Alata";
  181. src: url("https://downstairs.neocities.org/fonts/Alata-Regular.ttf") format("truetype");}
  182. @font-face {font-family: "Avain";
  183. src: url("https://downstairs.neocities.org/fonts/Avain.ttf") format("truetype");}
  184. @font-face {font-family: "Averia";
  185. src: url("https://downstairs.neocities.org/fonts/Averia-Regular.ttf") format("truetype");}
  186. @font-face {font-family: "BitmGothic";
  187. src: url("https://downstairs.neocities.org/fonts/Bitmgothic.ttf") format("truetype");}
  188. @font-face {font-family: "BlrrPixs";
  189. src: url("https://downstairs.neocities.org/fonts/blrrpixs016.ttf") format("truetype");}
  190. @font-face {font-family: "CareBears";
  191. src: url("https://downstairs.neocities.org/fonts/Care%20Bears%20Font.ttf") format("truetype");}
  192. @font-face {font-family: "HighwayGothic";
  193. src: url("https://downstairs.neocities.org/fonts/HWYGOTH.TTF") format("truetype");}
  194. @font-face {font-family: "Horror";
  195. src: url("https://downstairs.neocities.org/fonts/Horror%20Dingbats.ttf") format("truetype");}
  196. @font-face {font-family: "Inter";
  197. src: url("https://downstairs.neocities.org/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");}
  198. @font-face {font-family: "PDPointers";
  199. src: url("https://downstairs.neocities.org/fonts/PIZZADUDEPOINTERS.ttf") format("truetype");}
  200. @font-face {font-family: "ResEvil";
  201. src: url("https://downstairs.neocities.org/fonts/resident_evil_classic_game_font_by_snakeyboy_ddxbd72.otf") format("truetype");}
  202. @font-face {font-family: "TypewriterCondensed";
  203. src: url("https://downstairs.neocities.org/fonts/typewcond_bold.otf") format("truetype");}
  204. @font-face {font-family: "VT323";
  205. src: url("https://downstairs.neocities.org/fonts/VT323-Regular.ttf") format("truetype");}
  206.  
  207. /*body*/
  208. body{
  209. background-image:Url('{image:background image}');
  210. background-color:{color:background};
  211. background-attachment: fixed;
  212. font-size: {text: font size}px;
  213. margin: 0px;
  214. padding: 0px;
  215. overflow: hidden;
  216. color: {color:text color};
  217. margin:0px;
  218. padding:0px;
  219. height: 100%;
  220. width: 100%;
  221. }
  222.  
  223. /* links */
  224.  
  225. a:link{text-decoration: none; color:{color:links} }
  226. a:visited{text-decoration: none; color:{color:links} }
  227. a:hover{text-decoration: none; color:{color:link hover} }
  228. .pagination a:link{color:{color:page arrows color}}
  229. .pagination a:visited{color:{color:page arrows color}}
  230. .pagination a:hover{color:{color:page arrows color}}
  231. .tab a:link {color: {color:tab links}}
  232. .tab a:visited {color: {color:tab links}}
  233. .tab a:hover {color: {color:tab links hover}}
  234.  
  235. /* post content styling stuff */
  236.  
  237. .post{background-color: {color:posts background};margin-top: 20px; margin-bottom: 30px ; outline: 4px ridge black; padding:12px;padding-top:2px;}
  238. .post img {max-width:100%; margin-top:6px;height:100%;}
  239.  
  240.  
  241. .title {; font-size:1.2em;margin-top:15px;}
  242.  
  243. .label{}
  244.  
  245. .video {margin-left:auto;margin-right:auto;margin-left:-6px;margin-top:5px;}
  246.  
  247. .photo {text-align:center;margin-top:15px;}
  248. .photo img {height:100%;}
  249.  
  250. .captiontext{}
  251.  
  252. #audioplayer {margin-left:12px;margin-top:10px;}
  253.  
  254. .music {display: flex;background-color: {color:ask and music player background}; width:98%;margin-left:auto;margin-right:auto; outline:4px ridge {color:ask and music player outline};margin-top:5px;padding:5px;margin-top:15px;height:110px;}
  255. .music img {width:100px;height:100px;}
  256.  
  257. #albumart {;margin-top:-5px;}
  258.  
  259. .trackstuff{overflow: auto;margin-left:15px;}
  260.  
  261. .quote {width:80%;margin:15px;}
  262.  
  263. .source { background-color: ; text-indent:20px; margin-left:10px;}
  264.  
  265. .question{background-color:{color:ask and music player background}; outline:4px ridge {color:ask and music player outline}; width:325px; padding:10px; text-align:right;margin-left:29%;margin-top:15px;}
  266.  
  267. .answer {outline:4px ridge {color:ask and music player outline};width:75%;max-width:95%;padding:10px;padding-top:2px;text-indent:0px;text-align:left;margin-top:15px;margin-bottom:25px;margin-left:2px;background-color:{color:ask and music player background};}
  268.  
  269. .footbuttons {background-color:{color:footer box};padding:4px; outline:4px ridge {color:footer box outline};width:fit-content;}
  270.  
  271. .tags {margin-bottom:12px}
  272.  
  273.  
  274. /* inventory */
  275.  
  276. .container {margin-top:30px;}
  277.  
  278. #top {position: fixed;width: 100%;z-index: 2;}
  279.  
  280. #postcontainer {position: fixed;top: 218px;left: 25vw;z-index: 5;}
  281.  
  282. #sidecontainer {position: relative; left: 25vw;height: 99vw;width: 900px;z-index: 1;}
  283.  
  284. #side {position: absolute;top: 168px;left: 618px;height: 100%;;width: 100%;}
  285.  
  286. .rightbar-container {flex-wrap: nowrap; overflow: hidden;margin-left: -8px;margin-top: 38px}
  287.  
  288. .pipes {width: 25vw;min-width: 25vw;height: 100px;margin-left: 0px;margin-top:18px; background-image: url(https://randomgen1998.neocities.org/img/pipes.png); background-repeat: repeat-x; background-size: contain;}
  289.  
  290. .flex {display: flex; flex-wrap:nowrap; flex-direction: row;}
  291. .center {margin-left:auto;margin-right:auto;}
  292. .pagespace {width:95%;height:5px;}
  293.  
  294. .portrait-container, .gutter-piping, .spacer, .top-tabs, .condition-box, .equip-box, .key-box, .tab-img, .sidebar, .items, .post-container {outline: 0px solid black;}
  295.  
  296. .portrait-container, .top-tabs, .condition-box, .equip-box, .key-box, .key-bridge, .tab-img, .sidebar, .post-container {background-image: url(https://randomgen1998.neocities.org/img/brushmetal3.png);}
  297.  
  298. .rightbar-plug {min-width: 30px; height: 50px;margin-left: 0px; background-image: url(https://randomgen1998.neocities.org/img/Rplug.png); background-repeat: no-repeat; background-size: contain;}
  299. .rightbar-pipe {width:700px; height: 50px;margin-left: 0px; background-image: url(https://randomgen1998.neocities.org/img/Rbar.png); background-repeat: repeat-x; background-size: contain;}
  300.  
  301. .portrait-container {width: 147px; height: 182px}
  302. .portrait-name {background-color: black; width: 86%; height: 20%;margin: auto; margin-top: 10px; text-align: center;color:{color:name color}}
  303. .portrait-nametext {font-family: "{select:name font}";font-size:{text:name font size}px;width: 100%;height: 100%;line-height: {text:name line height}px;}
  304. .portrait-img {width:86%;height:65%;margin:auto; margin-top: 8px}
  305. .portrait-img img {width: 100%;height: 100%}
  306.  
  307. .gutter-piping {width: 18px; height: 156px; background-image: url(https://randomgen1998.neocities.org/img/gutter.png); background-repeat: repeat-x; background-size: contain; margin-top: 25px}
  308.  
  309. .spacer {width: 148px}
  310.  
  311. .top-tabs {width: 550px; height: 41px; margin-bottom: 2px}
  312. .tabgroup {margin-left: 6px;margin-right: 6px}
  313. .tab {background-color: #070707; width: 24%; height: 30px;margin:3px;margin-top: 5px; border-radius: 7px;
  314. text-align: center; font-size:{text:tabs font size}px;font-family: "{select:tabs font}";line-height:{text:tabs line height}}
  315.  
  316. .condition-box {width: 285px;height: 119px; margin-right: 5px;}
  317. .condition-img {width: 88%;height: 78%;margin: auto;margin-top: 4%;position: relative}
  318. .condition-img img {width: 100%;height: 100%}
  319. .condition-text {margin-top: 2%; margin-left: 7.2%;height: 22%;width: 52%;
  320. text-align: left;line-height: 25px;font-size:{text:condition font size}px;font-family: "{select:labels font}"; color:{color:condition text color};line-height:{text:condition line height};text-shadow: 2px 1.5px 1px {color:condition drop shadow}}
  321. .status-text{position: absolute;width: 52%;height: 34%;background-color: black;left: 115px;top: 57px;
  322. text-align: center;line-height: {text:status line height}px;font-size:{text:status font size}px;font-family: "{select:status font}"; color: {color:status text color}}
  323.  
  324. .equip-box {width: 269px; height: 119px; margin-right: 4px}
  325. .equip-label{margin-left: 2%;margin-top: 2%;width: 12%;height: 107px;outline: 0px solid red}
  326. .equip-text{writing-mode: sideways-lr;outline:0px solid blue;width:100%;height:100%;
  327. text-align: center; line-height: 28px;font-size:{text:equip font size}px; font-family: "{select:labels font}";color:{color:equip text color};text-shadow: 2px 1.5px 1px {color:condition drop shadow}}
  328. .equip-imgs {height: 107px;width: 78%; margin-top: 5px;margin-left: 8px}
  329. .equip-decor{background-image: url(https://randomgen1998.neocities.org/img/equipdots.png);background-repeat: no-repeat;
  330. background-size: contain;height: 10px;width: 100%;margin-top: 2px}
  331.  
  332. .equip-content{background-color: {color:equip bg};height: 88%;width: 100%}
  333. .equip-item{width:100%;height:100%}
  334. .equip-item img {width: 100%;height: 100%}
  335. .equip-desc {max-width: 200px;height: 86px;position: absolute;margin-left: 6px;margin-top: 5px;text-align:center;
  336. font-size:{text:equip textbox font size}px;font-family: "{select:posts font}"}
  337.  
  338. .key-box {width: 135px;height: 119px;position: relative}
  339. .key-decortop {background-image: url(https://randomgen1998.neocities.org/keydots.png);background-repeat: no-repeat;background-size: contain;height: 10px;width: 80%;margin-top:6px;margin-left: auto;margin-right: auto}
  340. .key-item {width: 80%;height: 80%;background-color: {color:key item bg};margin: auto}
  341. .key-itemimg {height: 100%;width: 100%}
  342. .key-itemimg img {height: 100%;width: 100%}
  343.  
  344. .key-brush {background-image:url(https://randomgen1998.neocities.org/img/brushmetal3.png);width: 100%;height: 12px;position: absolute;
  345. top: 119px;}
  346. .key-decorbottom {background-image: url(https://randomgen1998.neocities.org/keydots.png);background-repeat: no-repeat;
  347. background-size:contain;height: 10px;width: 80%;margin: auto}
  348.  
  349. .tabs-img {width: 445px; height: 30px;
  350. background-image: url(https://randomgen1998.neocities.org/img/tabs.png); background-repeat: no-repeat;
  351. background-size: contain;}
  352.  
  353. .sidebar {width: 245px; height: 360px;}
  354.  
  355. .items {height: 94%; width: 92%;display: grid;grid-template-columns: 50% 50%; grid-template-rows: 25% 25% 25% 25%; justify-content:center}
  356.  
  357. .itemgrid {margin: 10px;width: 100%;height: 100%;text-align: center;background-image: url(https://randomgen1998.neocities.org/img/invblue.png);background-size: contain; background-repeat: no-repeat;}
  358. .itemgridimg {width: 100%;height: 100%;text-align: center;backdrop-filter: hue-rotate({text:inv box hue shift 1 thru 360}deg)}
  359. .itemgridimg img {height:100%;max-width:100%;}
  360.  
  361. .post-container {width: 610px;height: 440px;padding-top: 5px}
  362. .postbox {margin: auto;margin-top: 12px; height: 94%; width:96%; background-color:{color:container background} ;overflow-y: auto;overflow-x: hidden;}
  363. .postcontent {height: fit-content;margin-top: ;width: 90%; margin-left: auto;margin-right: auto;
  364. font-family: "{select:posts font}"; font-size:{text:post font size}px;}
  365.  
  366. .pagination {font-family: "PDpointers";font-size: 28px;line-height: 20px;text-align:right;}
  367.  
  368. #credit {position:fixed;bottom:0px;left:0px; font-size:40px;color:red;font-family: "Horror";}
  369.  
  370. #credit:hover #credithover {display:block}
  371.  
  372. #credithover {position:fixed;bottom:45px;left:2px;font-size:20px;color:lime; display:none;font-family:"inter";}
  373.  
  374. {CustomCss}
  375. </style>
  376. </head>
  377. <body>
  378.  
  379. <div class="container">
  380. <div id="top">
  381. <div class="flex">
  382. <div class="pipes"></div>
  383. <div class="flex"><div class="portrait-container"><div class="portrait-name">
  384. <div class="portrait-nametext">{text:name}</div></div>
  385.  
  386. <a href="/"><div class="portrait-img"><img src="{image:portrait}"></div></a>
  387.  
  388. </div><div class="gutter-piping"></div></div>
  389.  
  390. <div class="CONTAINER1">
  391. <div class="flex"> <div class="spacer"></div><div class="top-tabs">
  392. <div class="tabgroup"> <div class="flex">
  393. <div class="tab"><a href="{text:tab 1 url}">{text:tab 1}</a></div>
  394. <div class="tab"><a href="{text:tab 2 url}">{text:tab 2}</a></div>
  395. <div class="tab"><a href="{text:tab 3 url}">{text:tab 3}</a></div>
  396. <div class="tab"><a href="{text:tab 4 url}">{text:tab 4}</a></div>
  397. </div>
  398. </div></div></div>
  399.  
  400. <div class="flex"> <div class="condition-box"><div class="condition-img"><img src="{select:condition gif}"><div class="status-text">{text:status text}</div></div><div class="condition-text"><b>{text:condition label}</b></div></div>
  401.  
  402. <div class="equip-box">
  403. <div class="flex"><div class="equip-label">
  404. <div class="equip-text"><b>{text:equip label}</b></div>
  405. </div>
  406. <div class="equip-imgs"> <div class="equip-decor"></div>
  407. <div class="equip-content">
  408. <div class="equip-desc">{text:equip textbox}</div>
  409. <div class="equip-item"><img src="{image:equipped item}"></div>
  410.  
  411. </div> </div> </div>
  412. </div>
  413.  
  414. <div class="key-box"> <div class="key-decortop"></div><div class="key-item"> <div class="key-itemimg"><a href="{text:key item img link}"><img src="{image:key item}"></a></div> </div>
  415.  
  416. <div class="key-brush"><div class="key-decorbottom"></div></div> </div> </div>
  417.  
  418.  
  419. <div class="tabs-img"> </div>
  420. </div>
  421.  
  422. </div> </div>
  423. <div class="flex">
  424. <div id ="postcontainer">
  425. <div class="post-container">
  426. <div class="postbox">
  427. <div class="postcontent">
  428. <!----------------IM SCARED------------------>
  429.  
  430. {block:Posts}
  431. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}<b>{ReblogParentName}</b>{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  432. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  433. {/block:ContentSource}
  434. <div class="post">
  435.  
  436. <!-- Text -->
  437. {block:Text}
  438. {block:Title}
  439. <div class="title">{Title}</div>
  440. {/block:Title}
  441. {Body}
  442. {/block:Text}
  443. {block:Chat}
  444. {block:Title}
  445. <div class="title">
  446. <h3><a href="{Permalink}">{Title}</a></h3></div>
  447. {/block:Title}
  448. {block:Lines}
  449. <div class="{Alt} user_{UserNumber}">
  450. {block:Label}
  451. <span class="label">{Label}</span>
  452. {/block:Label}{Line}
  453. </div>
  454. {/block:Lines}
  455. {/block:Chat}
  456.  
  457. <!-- Images --->
  458. {block:Photo}
  459. {LinkOpenTag}<div class="photo">
  460. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/></div>
  461. {LinkCloseTag}
  462. {block:Caption}
  463. {Caption}
  464. {/block:Caption}
  465. {/block:Photo}
  466. {block:Photoset}<div class="photo">
  467. {Photoset-400}</div>
  468. {block:Photos}
  469. {/block:Photos}
  470. {block:Caption}
  471. {Caption}
  472. {/block:Caption}
  473. {/block:Photoset}
  474.  
  475. <!-- Video -->
  476. {block:Video}<div class="video">
  477. {Video-500}</div>
  478. {block:Caption}
  479. {Caption}
  480. {/block:Caption}
  481. {/block:Video}
  482.  
  483. <!-- Audio -->
  484. {block:Audio}
  485. {block:AlbumArt}
  486. <div class="music">
  487. <div id="albumart">
  488. <img src="{AlbumArtURL}" width="100">
  489. </div>
  490. {/block:AlbumArt} <div class="audiowrap">
  491. <div class="trackstuff">
  492. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  493. <div id= "audioplayer">{AudioPlayerGrey}</div> </div>
  494. </div>
  495. {Caption}
  496. {/block:Audio}
  497.  
  498. <!-- Quote -->
  499. {block:Quote}
  500. <div class="quote">
  501. "{Quote}"
  502. {block:Source}
  503. <div class="source">- <i>{Source}</i></div>
  504. {/block:Source}
  505. </div>
  506. {/block:Quote}
  507.  
  508. <!-- Link -->
  509. {block:Link}
  510. <a href="{URL}" class="link" {Target}>{Name}</a>
  511. {block:Description}
  512. {Description}
  513. {/block:Description}
  514. {/block:Link}
  515.  
  516. <!-- Ask -->
  517. {block:Answer}
  518. <div class="question">{Asker} sent: {Question}</div>
  519. <div class="answer">{Answer}</div>
  520. {/block:Answer}
  521.  
  522. <!-- Footer --><div class="tags">
  523. {block:Date}{block:HasTags}
  524. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  525. <div class="footbuttons">
  526. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> <a href="{ReblogUrl}">reblog</a>
  527. </div>
  528. {block:PermalinkPage}
  529.  
  530. {block:NoteCount}
  531. {block:PostNotes}{PostNotes}{/block:PostNotes}
  532. {/block:NoteCount}
  533. {/block:PermalinkPage}
  534. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  535. {/block:Date}
  536.  
  537. </div>
  538. {/block:Posts}
  539.  
  540. {block:Pagination}
  541. <div class="naviga">
  542. <div class="flex">
  543. {block:PreviousPage}
  544. <div class="pagination"><a href="{PreviousPage}">A</a></div>
  545.  
  546. {/block:PreviousPage}<div class="pagespace"></div>{block:NextPage}
  547. <div class="pagination"><a href="{NextPage}">E</a></div>
  548. {/block:NextPage}</div>
  549. </div>
  550. {/block:Pagination}
  551.  
  552. </div>
  553.  
  554. <!--end of post div-->
  555.  
  556. <!-- end of post content. help me -->
  557.  
  558. </div> <!-- end postcontent-->
  559. </div> <!-- end postbox -->
  560. </div> <!--end post container--> </div>
  561.  
  562. <div id="sidecontainer">
  563. <div id="side">
  564.  
  565. <div class="sidebar">
  566. <div class="items">
  567. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 1}"></div></div>
  568. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 2}"> </div></div>
  569. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 3}"> </div></div>
  570. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 4}"> </div></div>
  571. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 5}"> </div></div>
  572. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 6}"> </div></div>
  573. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 7}"> </div></div>
  574. <div class="itemgrid"> <div class="itemgridimg"><img src="{image:inv slot 8}"> </div></div>
  575. </div>
  576. </div>
  577.  
  578. <div class="rightbar-container">
  579. <div class="flex">
  580. <div class="rightbar-plug"></div>
  581. <div class="rightbar-pipe"></div>
  582. </div>
  583. </div>
  584.  
  585. </div><!--end side-->
  586. </div><!--end sidecontainer-->
  587.  
  588.  
  589.  
  590. </div>
  591.  
  592. <div id="credit"><a href="https://ifonlyformemories.tumblr.com/">x</a>
  593. <div id="credithover"><a href="https://pastebin.com/8nM2Mmnm">theme by dex</a></div>
  594. </div>
  595.  
  596.  
  597.  
  598. </body>
  599. </html>
Add Comment
Please, Sign In to add comment