API tools faq
paste
Advertisement
sunmetahors

code for hal

sunmetahors
Jun 22nd, 2016
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 77.23 KB | None | 0 0
raw download clone embed print report
  1. http://imgbox.com/g/wJkTmmrfbk - THE IMAGES
  2. just color pick/drop the little circles for the theme colors
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <html>
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18. <!--
  19.  
  20. ██████╗ ███████╗███████╗ ██████╗███████╗
  21. ██╔══██╗██╔════╝██╔════╝██╔════╝██╔════╝
  22. ██████╔╝█████╗ █████╗ ██║ █████╗
  23. ██╔══██╗██╔══╝ ██╔══╝ ██║ ██╔══╝
  24. ██║ ██║███████╗███████╗╚██████╗███████╗
  25. ╚═╝ ╚═╝╚══════╝╚══════╝ ╚═════╝╚══════╝
  26.  
  27. ██╗ ██████╗██╗
  28. ██╔╝██╔════╝╚██╗
  29. ██║ ██║ ██║
  30. ██║ ██║ ██║
  31. ╚██╗╚██████╗██╔╝
  32. ╚═╝ ╚═════╝╚═╝
  33.  
  34. My name is Reece & I have made this theme just for you!
  35. All I ask is that you DO NOT claim that you made it. It's
  36. been a very long process of making this from scratch, I
  37. DID NOT USE A BASE CODE. This is COMPLETELY my theme code
  38. & layout! The update tab is mine as well. DO NOT lift
  39. snippets of code. ASK AND I WILL likely give them to you.
  40. Thank you. Refer to devilout.tumblr.com or angelcoded.tum
  41. blr.com. i may not be there but these are the best bet's
  42. to find my newest rp blog! i do periodically update the
  43. code when i find time so come back to this and copy/paste
  44. everyonce in a while for updates!
  45. 10.4.15- XOXO REECE
  46. -->
  47. <!-- text related -->
  48. <meta name="text:Post Links Text Size" content="14">
  49. <meta name="text:Sidebar Text Size" content="6">
  50. <meta name="text:Pagi Text Size" content="10">
  51. <meta name="text:Bold Text Size" content="14">
  52. <meta name="text:Italic Text Size" content="14">
  53. <meta name="text:Strike Text Size" content="14">
  54. <meta name="text:Heading 1 Text Size" content="18">
  55. <meta name="text:Heading 2 Text Size" content="13">
  56. <meta name="text:Small Font Size" content="10">
  57. <meta name="text:quote size" content="18">
  58. <meta name="text:Text Size" content="10">
  59. <meta name="text:Link 1 Title" content="hover title">
  60. <meta name="text:Link 1 URL" content="http://">
  61. <meta name="text:Link 2 Title" content="hover title">
  62. <meta name="text:Link 2 URL" content="http://">
  63. <meta name="text:Link 3 Title" content="hover title">
  64. <meta name="text:Link 3 URL" content="http://">
  65. <meta name="text:Link 4 Title" content="hover title">
  66. <meta name="text:Link 4 URL" content="http://">
  67.  
  68. <!-- AESTHETIC RELATED -->
  69. <meta name="image:Background Image" content="http://static.tumblr.com/106d3fc3fd9f3ca9b2ee7b9cd073b7bb/ubda1wc/HKlnvq3zf/tumblr_static_cg8855zt3mgcc8kk4oo4okc8o.gif">
  70. <meta name="image:Tag Bg Image" content="">
  71.  
  72. <meta name="color:Theme Background" content="#e9e9e9">
  73. <meta name="color:Text Color" content="#000000">
  74. <meta name="color:Text bold" content="#79ecb5">
  75. <meta name="color:Text italic" content="#79ecb5">
  76. <meta name="color:Text strike" content="#79ecb5">
  77. <meta name="color:link" content="#bbe4d0">
  78. <meta name="color:Sidebar Link Color" content="#FFF">
  79. <meta name="color:Text Shadow Color" content="red">
  80. <meta name="color:Blockquote Border" content="#dedede">
  81. <meta name="color:scrollbar" content="#dedede">
  82. <meta name="color:Footer Link Color" content="#F1F1F1">
  83. <meta name="color:Tag Link Color" content="##79ecb5">
  84. <meta name="color:Tag Bg Links" content="#79ecb5">
  85. <meta name="color:update tab text" content="#0b0b0b">
  86. <meta name="color:update titles" content="#fff">
  87.  
  88. <meta name="if:Link3" content="1">
  89. <meta name="if:Link4" content="1">
  90. <meta name="if:HideTags" content="1">
  91. <meta name="if:BorderTagsBox" content="1">
  92. <meta name="if:TextShadow" content="1">
  93. <meta name="if:BlockQuoteBackground" content="1">
  94. <meta name="if:UpdatesTab" content="1">
  95. <meta name="if:MusicPlayer" content="1">
  96.  
  97. <!-- SIDEBARLINK RELATED -->
  98. <meta name="select:Sidebar Links Direction" content="1px" title="vertical">
  99. <meta name="select:Sidebar Links Direction" content="400px" title="horizontal">
  100. <meta name="select:Sidebar Link Symbol" content="▉" title="squares">
  101. <meta name="select:Sidebar Link Symbol" content="●" title="circles">
  102. <meta name="select:Sidebar Link Symbol" content="✘" title="x's">
  103.  
  104. <!-- CONTAINER RELATED -->
  105. <meta name="text:Container Side Margin" content="505">
  106. <meta name="text:Container Up Down Margin" content="260">
  107. <meta name="text:Sidebar Side Margin" content="490">
  108. <meta name="text:Sidebar Up or Down Margin" content="260">
  109. <meta name="text:Pagi Side Margin" content="660">
  110. <meta name="text:Pagi Up or Down Margin" content="230">
  111. {block:if250pxImages} <meta name="text:Container Width if 250px Images" content="256">{/block:if250pxImages}
  112. {block:if250pxImages}<meta name="text:Container Height if 250px Images" content="395">{/block:if250pxImages}
  113. {block:if400pxImages}<meta name="text:Container Width if 400px Images" content="408">{/block:if400pxImages}
  114. {block:if400pxImages}<meta name="text:Container Height if 400px Images" content="395">{/block:if400pxImages}
  115. {block:if500pxImages}<meta name="text:Container Width if 500px Images" content="508">{/block:if500pxImages}
  116. {block:if500pxImages}<meta name="text:Container Height if 500px Images" content="395">{/block:if500pxImages}
  117.  
  118.  
  119. <!-- ENTRY RELATED -->
  120. <meta name="text:Space Between Posts" content="15">
  121.  
  122. <!-- DEFAULT FONTS -->
  123. <meta name="font:Title" content="Helvetica Neue">
  124. <meta name="font:Body" content="Arial, Helvetica, sans-serif">
  125. <meta name="font:Links" content="Arial, Helvetica, sans-serif">
  126. <meta name="font:Heading 1" content="Arial, Helvetica, sans-serif">
  127. <meta name="font:Heading 2" content="Arial, Helvetica, sans-serif">
  128. <meta name="font:quote text" content="arial,helvetica,sans-serif">
  129. <meta name="font:quote source text" content="arial,helvetica,sans-serif">
  130. <meta name="font:Bold" content="Arial, Helvetica, sans-serif">
  131. <meta name="font:Italic" content="Arial, Helvetica, sans-serif">
  132. <meta name="font:Strike" content="Arial, Helvetica, sans-serif">
  133.  
  134.  
  135. <!-- IMAGE SIZE SELECTION -->
  136. <meta name="if:250pxImages" content="1">
  137. <meta name="if:400pxImages" content="0">
  138. <meta name="if:500pxImages" content="0">
  139.  
  140. <!-- background options -->
  141. <meta name="select:Background Tiling" content="no-repeat" title="do not repeat">
  142. <meta name="select:Background Tiling" content="repeat" title="repeat bg">
  143.  
  144. <!-- MUSIC THINGS -->
  145. <meta name="text:Updates Tab Title" content="read me!">
  146. <meta name="text:Update Tab Height IMPORTANT" content="300">
  147. <meta name="text:other info" content="anything you want besides your description goes here, the number above is how tall your updates is. change it according to how much you write! remember most screens are only 700 px tall.">
  148. <meta name="text:Music Player Code" content="Paste your music code here ( delete this text ), you can get your own music player at this url. sheepproductions.com/billy. remember to write / warn of your autoplay on the blog!">
  149.  
  150.  
  151.  
  152. <style type="text/css">
  153.  
  154. /*
  155.  
  156. ██████╗ ██████╗ ██████╗ ██╗ ██╗
  157. ██╔══██╗██╔═══██╗██╔══██╗╚██╗ ██╔╝
  158. ██████╔╝██║ ██║██║ ██║ ╚████╔╝
  159. ██╔══██╗██║ ██║██║ ██║ ╚██╔╝
  160. ██████╔╝╚██████╔╝██████╔╝ ██║
  161. ╚═════╝ ╚═════╝ ╚═════╝ ╚═╝
  162. NOTES: THIS CONTAINS THINGS THAT AFFECT
  163. THE ENTIRE PAGE, PLEASE DO NOT TAMPER
  164. IF YOU'RE A N00B. I SAY THAT WITH ALL
  165. THE LOVE IN THE WORLD ;) BUT SERIOUSLY
  166. IF YOU DO TAMPER WITH THINGS JUST MAKE
  167. SURE YOU HAVE A BACK UP!
  168. */
  169. /* THIS IS WHERE YOU CAN EDIT YOUR SCROLL BAR. I RECOMMEND YOU DONT. */
  170. ::-webkit-scrollbar-thumb:vertical {border:3px solid color width:9px; height:12px; background-color:{color:scrollbar};}
  171. ::-webkit-scrollbar {height:auto;width:2px;background-color:transparent;}
  172. ::-webkit-scrollbar-thumb:horizontal {background-color:transparent;}
  173.  
  174. /* CONTROLS WHAT THE HTML BODY RENDERS AKA YOUR DIVS ETC. */
  175. body {
  176. margin:0;
  177. font-family:{font:Body}; /* THE FONT FOR YOUR REGULAR TEXT */
  178. text-size:{text:Text Size}px;/* THE SIZE OF YOUR REGULAR TEXT */
  179. color:{color:Text Color}; /* THE COLOR OF YOUR REGULAR TEXT */
  180. background-color:{color:Theme Background}; /*BACKGROUND COLOR OF THEME PLEASE FOR THE LOVE OF GOD COLOR MATCH YOUR IMAGE BACKGROUND DONT BE TRASH */
  181. background-image:url('{image:Background Image}');/* THE BACKGROUND IMAGE OF YOUR THEME */
  182. background-repeat: {select:Background Tiling};/* WHERE OR NOT THE BACKGROUND WILL REPEAT OR NOT. JUST DONT. MOST REPEATED BACKGROUNDS ARE BAD NEWS UNLESS YOU'RE USING A PATTERN */
  183. background-position: top left; /*DONT DO THIS UNLESS YOU WANT TO RECODE EVERY MARGIN TO WHATEVER CHANGE YOU MAKE */
  184. background-attachment:fixed; /* LEAVE IT ALONE. */
  185. }
  186. /* THIS CHANGES ALL HYPERLINKS AT ONCE. THAT'S WHY I HAVE MULTIPLE DIV HYPERLINKS CLASSIFIED DOWN IN OTHER DIVS. BECAUSE I DON'T WANT THEM ALL RENDERED EXACTLY ALIKE. */
  187. a, a:active, a:visited {
  188. font-family:{font:Links};/* THE FONT FOR YOUR HYPERLINKS */
  189. font-size:{text:Post Links Text Size}px;/* THE SIZE OF YOUR HYPERLINKS */
  190. color:{color:link};/* THE COLOR OF YOUR HYPERLINKS */
  191. text-decoration:none;/* YOU CAN CLASSIFY THIS AS UNDERLINE IF YOU WANTED THAT */
  192. /* THIS IS HOW THINGS FADE IN AND OUT DONT DO IT, JUST LEAVE IT. */
  193. -webkit-transition: all 0.5s ease-in-out;
  194. -moz-transition: all 0.5s ease-in-out;
  195. -o-transition: all 0.5s ease-in-out;
  196. -ms-transition: all 0.5s ease-in-out;
  197. transition: all 0.5s ease-in-out;
  198. {block:ifTextShadow}
  199. text-shadow: 1px 1px 2px {color:Text Shadow Color};/* THIS IS THE COLOR AND SIDE OF THE SHADOW BEHIND HYPERLINKS*/
  200. {/block:ifTextShadow}
  201. }
  202. /* DEFINES HOW THE PARAGRAPH TAG RENDERS TEXT */
  203. p {
  204. font-size:12px; /* THE SIZE OF PARAGRAPH TEXT */
  205. font-family:{font:Body}; /* THE FONT OF PARAGRAPH TEXT */
  206. color:{color: Text Color};/* THE COLOR OF PARAGRAPH TEXT */
  207. }
  208.  
  209. /* DEFINES HEADING 1 RENDERING OF TEXT */
  210. h1 {
  211. font-size:{text:Heading 1 Text Size}px; /* THE SIZE OF HEADING 1 TEXT */
  212. font-family:{font:Heading 1}; /* THE FONT OF HEADING 1 TEXT */
  213. color:{color:h1};/* THE COLOR OF HEADING 1 TEXT */
  214. }
  215.  
  216. /* DEFINES HEADING 2 RENDERING OF TEXT */
  217. h2 {
  218. font-size:{text:Heading 2 Text Size}px;/* THE SIZE OF HEADING 2 TEXT */
  219. font-family:{font:Heading 2};/* THE FONT OF HEADING 2 TEXT */
  220. color:{color:h2};/* THE COLOR OF HEADING 2 TEXT */
  221. }
  222. /* DEFINES BOLD RENDERING OF TEXT */
  223. strong, b, bold {
  224. font-size:{text:Bold Text Size}px;/* THE SIZE OF BOLD TEXT */
  225. font-family:{font:Bold};/* THE FONT OF BOLD TEXT */
  226. color:{color:Text bold};/* THE COLOR OF BOLD TEXT */
  227. text-transform:uppercase;
  228. }
  229. /* DEFINES ITALIC RENDERING OF TEXT */
  230. em, i, italic {
  231. font-size:{text:Italic Text Size}px;/* THE SIZE OF ITALIC TEXT */
  232. font-family:{font:italic};/* THE FONT OF ITALIC TEXT */
  233. color:{color:Text italic};/* THE COLOR OF ITALIC TEXT */
  234. text-transform:lowercase;
  235. }
  236. /* DEFINES STRIKE RENDERING OF TEXT */
  237. strike {
  238. font-size:{text:Strike Text Size}px;/* THE SIZE OF STRIKE TEXT */
  239. font-family:{font:Strike};/* THE FONT OF STRIKE TEXT */
  240. color:{color:Text strike};/* THE COLOR OF STRIKE TEXT */
  241. }
  242.  
  243. /* DEFINES SMALL RENDERING OF TEXT */
  244. small {
  245. font-size:{text:Small Font Size}px;/* THE SIZE OF SMALL TEXT */
  246. }
  247.  
  248.  
  249. /*
  250. ██████╗ ██████╗ ███╗ ██╗████████╗ █████╗ ██╗
  251. ██╔════╝██╔═══██╗████╗ ██║╚══██╔══╝██╔══██╗██║
  252. ██║ ██║ ██║██╔██╗ ██║ ██║ ███████║██║
  253. ██║ ██║ ██║██║╚██╗██║ ██║ ██╔══██║██║
  254. ╚██████╗╚██████╔╝██║ ╚████║ ██║ ██║ ██║██║
  255. ╚═════╝ ╚═════╝ ╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═╝╚═╝
  256.  
  257. ███╗ ██╗███████╗██████╗ ██╗
  258. ████╗ ██║██╔════╝██╔══██╗ ██╔╝
  259. ██╔██╗ ██║█████╗ ██████╔╝ ██╔╝
  260. ██║╚██╗██║██╔══╝ ██╔══██╗ ██╔╝
  261. ██║ ╚████║███████╗██║ ██║ ██╔╝
  262. ╚═╝ ╚═══╝╚══════╝╚═╝ ╚═╝ ╚═╝
  263.  
  264. ██████╗ ██████╗ ███████╗████████╗███████╗
  265. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝██╔════╝
  266. ██████╔╝██║ ██║███████╗ ██║ ███████╗
  267. ██╔═══╝ ██║ ██║╚════██║ ██║ ╚════██║
  268. ██║ ╚██████╔╝███████║ ██║ ███████║
  269. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝ ╚══════╝
  270. NOTES: ALRIGHT This part is crazy complicated &
  271. honestly i would prefer if you don't know what
  272. you're doing not to jack with it. because it
  273. can be frustrating to figure out honestly. but
  274. alright, here we go. obvious each block is rendered
  275. based on what you choose image wise. normally you
  276. would have one container and one post option &
  277. you would tweak them each as you go. i made this
  278. so when you pick an option it's automatically
  279. rendered to fit the background i gave out in my
  280. resource pack. just a way to try and make things
  281. easier. container IS literally THE CONTAINER for
  282. your posts. so it needs to always be at least a
  283. pixel bigger and taller than your posts or they'll
  284. be hidden.
  285.  
  286. */
  287.  
  288. {block:if250pxImages} /* IF 250PX IMAGES IF SELECTED THIS BLOCK WILL RENDER */
  289. /* THIS DEFINES THE DIV CODE WHICH HOLDS YOUR POSTS AND ENTRIES. ITS VERY IMPORTANT */
  290. #container {
  291. position:absolute; /* THIS IS THE POSITION OF YOUR DIV. THE OPTIONS ARE ABSOLUTE, RELATIVE, FIXED, FLOAT. NEVER USE FLOAT UNLESS UR REALLY GOOD AT THIS OK. FIXED AND ABSOLUTE ARE THE BEST OPTIONS. FIXED IS THE MOST USED BUT IF YOU SHRING YOUR BROWSER WINDOW IT WONT MOVE AND THAT CAN BE BAD FOR SMALL SCREENS. */
  292. width:{text:Container Width if 250px Images}px; /* THIS IS HOW WIDE YOUR CONTAINER IS. IT MUST BE MORE THAN THE POSTS WIDTH*/
  293. height:{text:Container Height if 250px Images}px; /* THIS IS HOW TALL YOUR CONTAINER IS.*/
  294. overflow-x:hidden; /* ANY TEXT THAT GOES OUTSIDE THE CONTAINER WIDTH IS HIDDEN. THIS TELLS THE CONTAINER NOT TO SCROLL OVER BUT TO HIDE IT.*/
  295. overflow-y:scroll;/* ANY TEXT THAT GOES OUTSIDE THE CONTAINER HEIGHT IS VISIBLE. THIS TELLS THE CONTAINER NOT TO HIDE IT BUT TO MAKE YOUR CONTAINER SCROLL DOWN FOR MORE.*/
  296. margin-left:{text:Container Side Margin}px;/* HOW FAR LEFT YOUR CONTAINER GOES. DO not go over 800 left because most screens stop at 1024 and then your posts cant be seen. it's bad CODING. */
  297. margin-top:{text:Container Up Down Margin}px;/* HOW FAR DOWN YOUR CONTAINER GOES. ALWAYS ADD THIS HEIGHT AND YOUR CONTAINER HIGHT TO GETHER TO MAKE SURE THEY'RE NOT OVER 750. OTHERWISE YOUR POSTS GO OFF SCREEN */
  298. z-index:999; /*THIS TELLS THE CONTAINER TO STAY ABOVE OTHER DIVS. IMAGINE LAYERS. THIS IS LAYER 999 OF THE THEME */
  299. }
  300. /* THIS DEFINES THE DIV CODE WHICH HOLDS YOUR ACTUAL BLOG TEXT. ITS VERY IMPORTANT */
  301. #posts {
  302. width:250px; /* THIS IS HOW WIDE YOUR POST DIV IS. IT MUST BE LESS THAN THE CONTAINER WIDTH BUT MORE THAN OR EQUAL TO IMAGE SIZES. NO LESS THAN 250PX*/
  303. overflow-x:hidden;/* ANY TEXT THAT GOES OUTSIDE THE POST WIDTH IS HIDDEN.*/
  304. padding-bottom:{text:Space Between Posts}px; /*THIS IS THE SPACE BETWEEN YOUR POSTS */
  305. }
  306. {/block:if250pxImages}
  307. /*
  308.  
  309. █████╗█████╗█████╗█████╗█████╗█████╗█████╗
  310. ╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝
  311. */
  312.  
  313.  
  314. {block:if400pxImages}/* IF 400 IMAGES IF SELECTED THIS BLOCK WILL RENDER */
  315. /* THIS DEFINES THE DIV CODE WHICH HOLDS YOUR POSTS AND ENTRIES. ITS VERY IMPORTANT */
  316. #container {
  317. position:absolute;/* THIS IS THE POSITION OF YOUR DIV. THE OPTIONS ARE ABSOLUTE, RELATIVE, FIXED, FLOAT. NEVER USE FLOAT UNLESS UR REALLY GOOD AT THIS OK. FIXED AND ABSOLUTE ARE THE BEST OPTIONS. FIXED IS THE MOST USED BUT IF YOU SHRING YOUR BROWSER WINDOW IT WONT MOVE AND THAT CAN BE BAD FOR SMALL SCREENS. */
  318. width:{text:Container Width if 400px Images}px; /* THIS IS HOW WIDE YOUR CONTAINER IS. IT MUST BE MORE THAN THE POSTS WIDTH*/
  319. height:{text:Container Height if 400px Images}px;/* THIS IS HOW TALL YOUR CONTAINER IS.*/
  320. overflow-x:hidden;/* ANY TEXT THAT GOES OUTSIDE THE CONTAINER WIDTH IS HIDDEN. THIS TELLS THE CONTAINER NOT TO SCROLL OVER BUT TO HIDE IT.*/
  321. overflow-y:scroll;/* ANY TEXT THAT GOES OUTSIDE THE CONTAINER HEIGHT IS VISIBLE. THIS TELLS THE CONTAINER NOT TO HIDE IT BUT TO MAKE YOUR CONTAINER SCROLL DOWN FOR MORE.*/
  322. margin-left:{text:Container Side Margin}px;/* HOW FAR LEFT YOUR CONTAINER GOES. DO not go over 800 left because most screens stop at 1024 and then your posts cant be seen. it's bad CODING. */
  323. margin-top:{text:Container Up Down Margin}px;/* HOW FAR DOWN YOUR CONTAINER GOES. ALWAYS ADD THIS HEIGHT AND YOUR CONTAINER HIGHT TO GETHER TO MAKE SURE THEY'RE NOT OVER 750. OTHERWISE YOUR POSTS GO OFF SCREEN */
  324. z-index:999;/*THIS TELLS THE CONTAINER TO STAY ABOVE OTHER DIVS. IMAGINE LAYERS. THIS IS LAYER 999 OF THE THEME */
  325. }
  326. /* THIS DEFINES THE DIV CODE WHICH HOLDS YOUR ACTUAL BLOG TEXT. ITS VERY IMPORTANT */
  327. #posts {
  328. width:400px;/* THIS IS HOW WIDE YOUR POST DIV IS. IT MUST BE LESS THAN THE CONTAINER WIDTH BUT MORE THAN OR EQUAL TO IMAGE SIZES. NO LESS THAN 400PX*/
  329. overflow-x:hidden; /* ANY TEXT THAT GOES OUTSIDE THE POST WIDTH IS HIDDEN.*/
  330. padding-bottom:{text:Space Between Posts}px;/*THIS IS THE SPACE BETWEEN YOUR POSTS */
  331. }
  332. {/block:if400pxImages}
  333. /*
  334.  
  335. █████╗█████╗█████╗█████╗█████╗█████╗█████╗
  336. ╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝
  337. */
  338.  
  339.  
  340. {block:if500pxImages}/* IF 500 IF SELECTED THIS BLOCK WILL RENDER */
  341. /* THIS DEFINES THE DIV CODE WHICH HOLDS YOUR POSTS AND ENTRIES. ITS VERY IMPORTANT */
  342. #container {
  343. position:absolute;/* THIS IS THE POSITION OF YOUR DIV. THE OPTIONS ARE ABSOLUTE, RELATIVE, FIXED, FLOAT. NEVER USE FLOAT UNLESS UR REALLY GOOD AT THIS OK. FIXED AND ABSOLUTE ARE THE BEST OPTIONS. FIXED IS THE MOST USED BUT IF YOU SHRING YOUR BROWSER WINDOW IT WONT MOVE AND THAT CAN BE BAD FOR SMALL SCREENS. */
  344. width:{text:Container Width if 500px Images}px; /* THIS IS HOW WIDE YOUR CONTAINER IS. IT MUST BE MORE THAN THE POSTS WIDTH*/
  345. height:{text:Container Height if 500px Images}px;/* THIS IS HOW TALL YOUR CONTAINER IS.*/
  346. overflow-x:hidden;/* ANY TEXT THAT GOES OUTSIDE THE CONTAINER WIDTH IS HIDDEN. THIS TELLS THE CONTAINER NOT TO SCROLL OVER BUT TO HIDE IT.*/
  347. overflow-y:scroll;/* ANY TEXT THAT GOES OUTSIDE THE CONTAINER HEIGHT IS VISIBLE. THIS TELLS THE CONTAINER NOT TO HIDE IT BUT TO MAKE YOUR CONTAINER SCROLL DOWN FOR MORE.*/
  348. margin-left:{text:Container Side Margin}px;/* HOW FAR LEFT YOUR CONTAINER GOES. DO not go over 800 left because most screens stop at 1024 and then your posts cant be seen. it's bad CODING. */
  349. margin-top:{text:Container Up Down Margin}px;/* HOW FAR DOWN YOUR CONTAINER GOES. ALWAYS ADD THIS HEIGHT AND YOUR CONTAINER HIGHT TO GETHER TO MAKE SURE THEY'RE NOT OVER 750. OTHERWISE YOUR POSTS GO OFF SCREEN */
  350. z-index:999;/*THIS TELLS THE CONTAINER TO STAY ABOVE OTHER DIVS. IMAGINE LAYERS. THIS IS LAYER 999 OF THE THEME */
  351. }
  352. /* THIS DEFINES THE DIV CODE WHICH HOLDS YOUR ACTUAL BLOG TEXT. ITS VERY IMPORTANT */
  353. #posts {
  354. width:500px;/* THIS IS HOW WIDE YOUR POST DIV IS. IT MUST BE LESS THAN THE CONTAINER WIDTH BUT MORE THAN OR EQUAL TO IMAGE SIZES. NO LESS THAN 500PX*/
  355. overflow-x:hidden;/* ANY TEXT THAT GOES OUTSIDE THE POST WIDTH IS HIDDEN.*/
  356. padding-bottom:{text:Space Between Posts}px;/*THIS IS THE SPACE BETWEEN YOUR POSTS */
  357. }
  358. {/block:if500pxImages}
  359. /*
  360.  
  361. █████╗█████╗█████╗█████╗█████╗█████╗█████╗
  362. ╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝
  363. */
  364.  
  365.  
  366. /*
  367. ██████╗ ███████╗████████╗ █████╗ ██╗██╗ ███████╗
  368. ██╔══██╗██╔════╝╚══██╔══╝██╔══██╗██║██║ ██╔════╝
  369. ██║ ██║█████╗ ██║ ███████║██║██║ ███████╗
  370. ██║ ██║██╔══╝ ██║ ██╔══██║██║██║ ╚════██║
  371. ██████╔╝███████╗ ██║ ██║ ██║██║███████╗███████║
  372. ╚═════╝ ╚══════╝ ╚═╝ ╚═╝ ╚═╝╚═╝╚══════╝╚══════╝
  373. NOTES: okay this is a continuation of above. this is
  374. where you're going to find the things that are in the
  375. posts, like tags, image sizes that aren't photosets
  376. and permalink junk!
  377.  
  378. */
  379.  
  380. .caption img {
  381. max-width:100%; /* THIS RENDERS ALL ADDED IN IMAGES NOT TO LET THEM BE BIGGER THAN POST */
  382. height:auto; /*IMPORTANT DONT CHANGE*/
  383. }
  384.  
  385. /*
  386.  
  387. ██████╗ ██╗ ██╗ ██████╗ ████████╗███████╗
  388. ██╔═══██╗██║ ██║██╔═══██╗╚══██╔══╝██╔════╝
  389. ██║ ██║██║ ██║██║ ██║ ██║ █████╗
  390. ██║▄▄ ██║██║ ██║██║ ██║ ██║ ██╔══╝
  391. ╚██████╔╝╚██████╔╝╚██████╔╝ ██║ ███████╗
  392. ╚══▀▀═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚══════╝
  393.  
  394. ██████╗ ██████╗ ███████╗████████╗
  395. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  396. ██████╔╝██║ ██║███████╗ ██║
  397. ██╔═══╝ ██║ ██║╚════██║ ██║
  398. ██║ ╚██████╔╝███████║ ██║
  399. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  400. NOTES: this defines how your quotes look
  401. aesthetically when reblooged.
  402. */
  403. .quote {
  404. {block:if250pxImages}max-width:200px;{/block:if250pxImages}
  405. {block:if400pxImages}max-width:350px;{/block:if400pxImages}
  406. {block:if500pxImages}max-width:450px;{/block:if500pxImages}
  407. background-image:url('https://36.media.tumblr.com/d668f44966e6848a06fc28ce3acddec8/tumblr_inline_ns9rllbkEM1tpjzt9_540.png'); /*this is the cute semicolon image behind post*/
  408. background-repeat:no-repeat;/*do not change*/
  409. }
  410. .quote p { /*renders quote text*/
  411. {block:if250pxImages}padding-left:25px;{/block:if250pxImages}
  412. {block:if400pxImages}padding-left:50px;{/block:if400pxImages}
  413. {block:if500pxImages}padding-left:75px;{/block:if500pxImages}
  414. font-family:{font:quote text};/* THE FONT OF QUOTE TEXT */
  415. font-size:{text:quote size}px;/* THE SIZE OF QUOTE TEXT */
  416. font-weight:bold;/* THE WEIGHT OF QUOTE TEXT */
  417. text-align:justify;/* THE ALIGNMENT OF QUOTE TEXT CAN BE CENTER, RIGHT, LEFT OR JUSTIFY */
  418. }
  419.  
  420. .source {
  421. font-family:{font:quote source text};/* THE FONT OF QUOTE TEXT */
  422. font-size:10px;/* THE SIZE OF QUOTE TEXT */
  423. text-transform:uppercase;/* FORCES ALL LETTERS TO BE CAPTIALS*/
  424. font-variant: small-caps;/*FORCES ALL SMALL CAPITALS*/
  425. text-align:justify;/* THE ALIGNMENT OF QUOTE TEXT CAN BE CENTER, RIGHT, LEFT OR JUSTIFY */
  426. width:100px;
  427. {block:if250pxImages}padding-left:130px;{/block:if250pxImages}
  428. {block:if400pxImages}padding-left:250px;{/block:if400pxImages}
  429. {block:if500pxImages}padding-left:370px;{/block:if500pxImages}
  430. }
  431. .source a {
  432. font-family:{font:quote source text};/* THE FONT OF QUOTE TEXT SOURCE HYPERLINK */
  433. font-size:10px;/* THE SIZE OF QUOTE TEXT SOURCE HYPERLINK */
  434. text-transform:uppercase;/* FORCES ALL LETTERS TO BE CAPTIALS*/
  435. font-variant: small-caps;/*FORCES ALL SMALL CAPITALS*/
  436. }
  437. .source p {
  438. text-align:right;/* THE ALIGNMENT OF QUOTE TEXT CAN BE CENTER, RIGHT, LEFT OR JUSTIFY */
  439. font-family:{font:quote source text};/* THE FONT OF QUOTE SOURCE TEXT */
  440. font-size:10px;/* THE SIZE OF QUOTE SOURCE TEXT */
  441. text-transform:uppercase;/* FORCES ALL LETTERS TO BE CAPTIALS*/
  442. font-variant: small-caps;/*FORCES ALL SMALL CAPITALS*/
  443. }
  444. /*
  445. ██████╗ ██╗ ██╗ ██████╗ ████████╗ ██████╗
  446. ██╔══██╗██║ ██║██╔═══██╗╚══██╔══╝██╔═══██╗
  447. ██████╔╝███████║██║ ██║ ██║ ██║ ██║
  448. ██╔═══╝ ██╔══██║██║ ██║ ██║ ██║ ██║
  449. ██║ ██║ ██║╚██████╔╝ ██║ ╚██████╔╝
  450. ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═════╝
  451.  
  452. ██████╗ ██████╗ ███████╗████████╗
  453. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  454. ██████╔╝██║ ██║███████╗ ██║
  455. ██╔═══╝ ██║ ██║╚════██║ ██║
  456. ██║ ╚██████╔╝███████║ ██║
  457. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  458. NOTES: this defines how your photos look
  459. aesthetically when reblogged. THIS IS NOT
  460. YOUR PHOTOSET IMAGES. DONT CONFUSE THEM.
  461. I LEFT THE DIV CLASS THERE IF YOU WANT TO
  462. MESS WITH IT BUT I HAVE NOTHING I NEED SO
  463. IM LEAVING IT BLANK WHICH IS A BAD CODING
  464. PRACTICE, IF YOU MAKE A THEME DONT JUST HAVE
  465. BLANK CODES LOL.
  466. */
  467.  
  468. .postphoto {
  469.  
  470. }
  471.  
  472. .postphotoset {
  473.  
  474. }
  475.  
  476. /*
  477. ██╗ ██╗███╗ ██╗██╗ ██╗
  478. ██║ ██║████╗ ██║██║ ██╔╝
  479. ██║ ██║██╔██╗ ██║█████╔╝
  480. ██║ ██║██║╚██╗██║██╔═██╗
  481. ███████╗██║██║ ╚████║██║ ██╗
  482. ╚══════╝╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝
  483.  
  484. ██████╗ ██████╗ ███████╗████████╗
  485. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  486. ██████╔╝██║ ██║███████╗ ██║
  487. ██╔═══╝ ██║ ██║╚════██║ ██║
  488. ██║ ╚██████╔╝███████║ ██║
  489. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  490. NOTES: THIS IS WHERE LINK POSTS
  491. GO OBVIOUSLY BUT DO NOT CONFUSE
  492. THEM WITH ANCHOR LINKS OR NAVI
  493. LINKS. THEY'RE NOT THE SAME.
  494. */
  495.  
  496.  
  497. .postlink {
  498. {block:if250pxImages}max-width:250px;{/block:if250pxImages}
  499. {block:if400pxImages}max-width:400px;{/block:if400pxImages}
  500. {block:if500pxImages}max-width:500px;{/block:if500pxImages}
  501. }
  502.  
  503. .postlinktext p {
  504. text-align:justify;/* THE ALIGNMENT OF QUOTE TEXT CAN BE CENTER, RIGHT, LEFT OR JUSTIFY */
  505. }
  506. .postlinktext {
  507. {block:if250pxImages}width:240px;{/block:if250pxImages}
  508. {block:if400pxImages}width:390px;{/block:if400pxImages}
  509. {block:if500pxImages}width:490px;{/block:if500pxImages}
  510. text-align:justify;/* THE ALIGNMENT OF QUOTE TEXT CAN BE CENTER, RIGHT, LEFT OR JUSTIFY */
  511. }
  512. .postlinktext a {
  513. font-family:arial;/* THE FONT OF POST LINK HYPERLINK */
  514. font-weight:bold;/* THE FONT WEIGHT OF POST LINK HYPERLINK BOLD ITALIC REGULAR NONE */
  515. text-transform:uppercase; /* FORCES CAPITALS */
  516. font-size:20px;/* THE SIZE OF POST LINK TEXT HYPERLINK */
  517. text-decoration:underline;/* UNDER LINE OR NONE ARE OPTIONS*/
  518. }
  519. .postlinkdescription p {
  520. {block:if250pxImages}max-width:240px;{/block:if250pxImages}
  521. {block:if400pxImages}max-width:390px;{/block:if400pxImages}
  522. {block:if500pxImages}max-width:490px;{/block:if500pxImages}
  523. text-align:justify; }/* THE ALIGNMENT OF QUOTE TEXT CAN BE CENTER, RIGHT, LEFT OR JUSTIFY */
  524.  
  525. /*
  526. ██████╗██╗ ██╗ █████╗ ████████╗
  527. ██╔════╝██║ ██║██╔══██╗╚══██╔══╝
  528. ██║ ███████║███████║ ██║
  529. ██║ ██╔══██║██╔══██║ ██║
  530. ╚██████╗██║ ██║██║ ██║ ██║
  531. ╚═════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═╝
  532.  
  533. ██████╗ ██████╗ ███████╗████████╗
  534. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  535. ██████╔╝██║ ██║███████╗ ██║
  536. ██╔═══╝ ██║ ██║╚════██║ ██║
  537. ██║ ╚██████╔╝███████║ ██║
  538. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  539. NOTES: PRETTY SELF EXPLANATORY. I
  540. HATE THEM WITH A PASSION. IF THE
  541. CODING IS MESSED UP FUCK IT. FUCK
  542. ALL THECHAT POSTS. I HATE THEM.
  543. GRRRRR
  544.  
  545. */
  546. .postchat{
  547. font-family:trebuchet ms!important;/* THE FONT OF CHAT TEXT*/
  548. text-size:10px!important;/* THE SIZE OF POST LINK TEXT HYPERLINK */
  549. padding:5px;
  550. }
  551. #chat {
  552. font-family:trebuchet ms!important;/* THE FONT OF CHAT TEXT*/
  553. text-size:10px!important;/* THE SIZE OF POST LINK TEXT HYPERLINK */
  554. }
  555. .label {
  556. text-size:10px!important;/* THE SIZE OF POST LINK TEXT HYPERLINK */
  557. color:;/* COLOR OF TEXT*/
  558. font-weight:bolder;/* THE FONT WEIGHT OF POST LINK HYPERLINK BOLD ITALIC REGULAR NONE */
  559. }
  560. .line { text-size:10px!important;/* THE SIZE OF POST LINK TEXT HYPERLINK */
  561. color:;/* COLOR OF TEXT*/
  562. font-weight:bolder;/* THE FONT WEIGHT OF POST LINK HYPERLINK BOLD ITALIC REGULAR NONE */
  563. }
  564. /*
  565. ███╗ ███╗██╗ ██╗███████╗██╗ ██████╗
  566. ████╗ ████║██║ ██║██╔════╝██║██╔════╝
  567. ██╔████╔██║██║ ██║███████╗██║██║
  568. ██║╚██╔╝██║██║ ██║╚════██║██║██║
  569. ██║ ╚═╝ ██║╚██████╔╝███████║██║╚██████╗
  570. ╚═╝ ╚═╝ ╚═════╝ ╚══════╝╚═╝ ╚═════╝
  571.  
  572. ██████╗ ██████╗ ███████╗████████╗
  573. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  574. ██████╔╝██║ ██║███████╗ ██║
  575. ██╔═══╝ ██║ ██║╚════██║ ██║
  576. ██║ ╚██████╔╝███████║ ██║
  577. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  578. NOTES: ACTUALLY I TAKE IT BACK. I
  579. HATE THE MUSIC POST BULLSHIT MORE
  580. THAN I HATE THE CHAT. HONETSLY WHY
  581. CANT THINGS EVER BE EASY??? actually
  582. after learning the coding it's not
  583. bad just confusing.
  584. */
  585. .audio {
  586. position:absolute;/* THIS IS THE POSITION OF YOUR DIV. THE OPTIONS ARE ABSOLUTE, RELATIVE, FIXED, FLOAT. NEVER USE FLOAT UNLESS UR REALLY GOOD AT THIS OK. FIXED AND ABSOLUTE ARE THE BEST OPTIONS. FIXED IS THE MOST USED BUT IF YOU SHRING YOUR BROWSER WINDOW IT WONT MOVE AND THAT CAN BE BAD FOR SMALL SCREENS. */
  587. z-index:-300;/*THIS TELLS THE CONTAINER TO STAY ABOVE OTHER DIVS. IMAGINE LAYERS. THIS IS LAYER 999 OF THE THEME */
  588. margin-top:-120px; /* HOW FAR FROM THE TOP*/
  589. background-color:#8485b5;
  590. height:120px;
  591. {block:if250pxImages}width:250px;{/block:if250pxImages}
  592. {block:if400pxImages}width:400px;{/block:if400pxImages}
  593. {block:if500pxImages}width:500px;{/block:if500pxImages}
  594. }
  595. .postaudio {
  596. width:20px;
  597. height:20px;
  598. z-index:666;/*THIS TELLS THE CONTAINER TO STAY ABOVE OTHER DIVS. IMAGINE LAYERS. THIS IS LAYER 999 OF THE THEME */
  599. position:absolute;/* THIS IS THE POSITION OF YOUR DIV. THE OPTIONS ARE ABSOLUTE, RELATIVE, FIXED, FLOAT. NEVER USE FLOAT UNLESS UR REALLY GOOD AT THIS OK. FIXED AND ABSOLUTE ARE THE BEST OPTIONS. FIXED IS THE MOST USED BUT IF YOU SHRING YOUR BROWSER WINDOW IT WONT MOVE AND THAT CAN BE BAD FOR SMALL SCREENS. */
  600. overflow:hidden;/*WONT REDNER OUTSIDE DIV */
  601. margin-top:45px;
  602. margin-left:45px;
  603. padding:5px; /*ADDS SPACING AROUND DIV*/
  604. background-color:#fff;
  605.  
  606. }
  607. .postaudioplayer {
  608. padding:10px;
  609. min-height:100px;/*WONT RENDER LESS THAN THIS HEIGHT*/
  610. {block:if250pxImages}max-width:240px;{/block:if250pxImages}
  611. {block:if400pxImages}max-width:390px;{/block:if400pxImages}
  612. {block:if500pxImages}max-width:490px;{/block:if500pxImages}
  613. }
  614. .postaudiocover img{
  615. {block:if250pxImages}max-width:100px;{/block:if250pxImages}
  616. {block:if400pxImages}max-width:100px;{/block:if400pxImages}
  617. {block:if500pxImages}max-width:100px;{/block:if500pxImages}
  618. }
  619. .postaudioplayerlabel {
  620. {block:if250pxImages}width:130px;{/block:if250pxImages}
  621. {block:if400pxImages}width:300px;{/block:if400pxImages}
  622. {block:if500pxImages}width:400px;{/block:if500pxImages}
  623. margin-left:102px;
  624. margin-top:-80px;
  625. height:55px;
  626. color:#9b9b9b;
  627. }
  628. .playerlabel {
  629. background-color:#8485b5;
  630. color:#000;
  631. opacity:.5;
  632. padding:5px;
  633. margin:5px;
  634. font-size:10px;
  635. text-transform:uppercase;
  636. font-family:trebuchet ms;
  637. {block:if250pxImages}min-width:108px;{/block:if250pxImages}
  638. {block:if400pxImages}min-width:278px;{/block:if400pxImages}
  639. {block:if500pxImages}min-width:378px;{/block:if500pxImages}
  640. }
  641. .adjust {
  642. margin-left:-3px;
  643. margin-top:-3px;
  644. }
  645.  
  646. /*
  647. ████████╗███████╗██╗ ██╗████████╗
  648. ╚══██╔══╝██╔════╝╚██╗██╔╝╚══██╔══╝
  649. ██║ █████╗ ╚███╔╝ ██║
  650. ██║ ██╔══╝ ██╔██╗ ██║
  651. ██║ ███████╗██╔╝ ██╗ ██║
  652. ╚═╝ ╚══════╝╚═╝ ╚═╝ ╚═╝
  653.  
  654. ██████╗ ██████╗ ███████╗████████╗
  655. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  656. ██████╔╝██║ ██║███████╗ ██║
  657. ██╔═══╝ ██║ ██║╚════██║ ██║
  658. ██║ ╚██████╔╝███████║ ██║
  659. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  660. NOTES: MOST OF THIS IS TAKEN CARE OF
  661. IN THE BODY TAB. THIS IS JUST EXTRA
  662. FOR AESTHETIC PURPOSES REALLY.
  663. */
  664.  
  665. .posttext {
  666. {block:if250pxImages}max-width:240px;{/block:if250pxImages}
  667. {block:if400pxImages}max-width:390px;{/block:if400pxImages}
  668. {block:if500pxImages}max-width:490px;{/block:if500pxImages}
  669. margin-left:5px;
  670. }
  671. .posttext img {
  672. {block:if250pxImages}max-width:100%;{/block:if250pxImages}
  673. {block:if400pxImages}max-width:100%;{/block:if400pxImages}
  674. {block:if500pxImages}max-width:100%;{/block:if500pxImages}
  675. height:auto;
  676. }
  677. .posttexttitle {
  678. text-transform:uppercase;
  679. font-weight:bold;
  680. text-align:right;
  681. {block:if250pxImages}width:240px;{/block:if250pxImages}
  682. {block:if400pxImages}width:390px;{/block:if400pxImages}
  683. {block:if500pxImages}width:490px;{/block:if500pxImages}
  684. }
  685. /*THIS IS HOW LISTS RENDER ON THE PAGE IMPORTANT*/
  686. .posttextbody ul {
  687. list-style-type: circle;
  688. font-size:{text:text size}px!important;
  689. }
  690. /*THIS IS HOW NUMBERED LISTS RENDER ON THE PAGE IMPORTANT*/
  691. .posttextbody ol {
  692. list-style-type: lower-alpha;
  693. font-size:{text:text size}px!important;
  694. }
  695.  
  696. /*
  697. █████╗ ███████╗██╗ ██╗
  698. ██╔══██╗██╔════╝██║ ██╔╝
  699. ███████║███████╗█████╔╝
  700. ██╔══██║╚════██║██╔═██╗
  701. ██║ ██║███████║██║ ██╗
  702. ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝
  703.  
  704. ██████╗ ██████╗ ███████╗████████╗
  705. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  706. ██████╔╝██║ ██║███████╗ ██║
  707. ██╔═══╝ ██║ ██║╚════██║ ██║
  708. ██║ ╚██████╔╝███████║ ██║
  709. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  710. NOTES: self explanatory
  711. */
  712. .postquestion {}
  713. .postquestiontext {
  714. font-size:10px;
  715. font-family:trebuchet ms;
  716. color:{color:body};
  717. text-align:justify;
  718. width:90%;
  719. border-bottom:1px solid {color:tag link color};
  720. padding:2px;
  721. }
  722. .postquestionasker {
  723. font-size:10px;
  724. font-family:trebuchet ms;
  725. color:red;
  726. text-transform:uppercase;
  727. text-align:right;
  728. {block:if250pxImages}width:240px;{/block:if250pxImages}
  729. {block:if400pxImages}width:390px;{/block:if400pxImages}
  730. {block:if500pxImages}width:490px;{/block:if500pxImages}
  731. }
  732. .postquestionasker a{
  733. font-size:10px;
  734. font-family:trebuchet ms;
  735. color:{color:links};
  736. }
  737. .postquestionanswer {
  738.  
  739. }
  740. /*
  741. ██╗ ██╗██╗██████╗ ███████╗ ██████╗
  742. ██║ ██║██║██╔══██╗██╔════╝██╔═══██╗
  743. ██║ ██║██║██║ ██║█████╗ ██║ ██║
  744. ╚██╗ ██╔╝██║██║ ██║██╔══╝ ██║ ██║
  745. ╚████╔╝ ██║██████╔╝███████╗╚██████╔╝
  746. ╚═══╝ ╚═╝╚═════╝ ╚══════╝ ╚═════╝
  747.  
  748. ██████╗ ██████╗ ███████╗████████╗
  749. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  750. ██████╔╝██║ ██║███████╗ ██║
  751. ██╔═══╝ ██║ ██║╚════██║ ██║
  752. ██║ ╚██████╔╝███████║ ██║
  753. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  754. NOTES: not much to fuck with here.
  755. like literally nothing dont do it.*/
  756.  
  757. .postvideocaption {
  758. font-size:{text:text size}px;
  759. }
  760. /*
  761.  
  762. ███╗ ██╗ █████╗ ██╗ ██╗██╗
  763. ████╗ ██║██╔══██╗██║ ██║██║
  764. ██╔██╗ ██║███████║██║ ██║██║
  765. ██║╚██╗██║██╔══██║╚██╗ ██╔╝██║
  766. ██║ ╚████║██║ ██║ ╚████╔╝ ██║
  767. ╚═╝ ╚═══╝╚═╝ ╚═╝ ╚═══╝ ╚═╝
  768.  
  769. ██╗ ██╗███╗ ██╗██╗ ██╗███████╗
  770. ██║ ██║████╗ ██║██║ ██╔╝██╔════╝
  771. ██║ ██║██╔██╗ ██║█████╔╝ ███████╗
  772. ██║ ██║██║╚██╗██║██╔═██╗ ╚════██║
  773. ███████╗██║██║ ╚████║██║ ██╗███████║
  774. ╚══════╝╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝╚══════╝
  775. NOTES: This is is SPECIFICALLY the link
  776. symbols that you get to choose that are
  777. either aligned down the side or across
  778. the screen. when you first past in the
  779. code they will be large squares. feel
  780. free to mess with this. it won't bother
  781. me and it should affect the code but as
  782. always SAVE first.
  783.  
  784. */
  785.  
  786. #links {
  787. position:absolute;
  788. width:{select:Sidebar Links Direction};/*FOR VERTICAL MAKE WIDTH LESS THAN WORD OR SYMBOLS, OR HORIZONTAL MAKE MORE THAN THEIR TOTAL SIZE*/
  789. height:auto;
  790. font-size:{text:Sidebar Text Size}px;
  791. z-index:99999;
  792. margin-left:{text:Sidebar Side Margin}px;
  793. margin-top:{text:Sidebar Up or Down Margin}px;
  794. }
  795. #links a,a:visited,a:active {
  796. color:{color:Sidebar Link Color};
  797. font-size:{text:Sidebar Text Size}px;
  798. {block:ifTextShadow}
  799. text-shadow: 1px 1px 2px {color:Text Shadow Color};
  800. {/block:ifTextShadow}
  801. }
  802. #links a:hover {
  803. font-family:{font:Links};
  804. font-size:{text:Sidebar Text Size}px;
  805. color:{color:link};
  806. {block:ifTextShadow}
  807. text-shadow: 0px 0px 6px {color:Text Shadow Color};
  808. {/block:ifTextShadow}
  809. }
  810. #pagi {
  811. position:absolute;
  812. width:50px; /*FOR VERTICAL MAKE WIDTH LESS THAN WORD OR SYMBOLS, OR HORIZONTAL MAKE MORE THAN THEIR TOTAL SIZE*/
  813. height:auto;
  814. font-size:{text:Sidebar Text Size}px;
  815. z-index:99999;
  816. margin-left:{text:Pagi Side Margin}px;
  817. margin-top:{text:Pagi Up or Down Margin}px;
  818. }
  819. #pagi a {
  820. color:{color:Sidebar Link Color};
  821. font-size:{text:Pagi Text Size}px;
  822. {block:ifTextShadow}
  823. text-shadow: 1px 1px 2px {color:Text Shadow Color};
  824. {/block:ifTextShadow}
  825. }
  826.  
  827. /*
  828. ███╗ ███╗██╗███████╗ ██████╗
  829. ████╗ ████║██║██╔════╝██╔════╝
  830. ██╔████╔██║██║███████╗██║
  831. ██║╚██╔╝██║██║╚════██║██║
  832. ██║ ╚═╝ ██║██║███████║╚██████╗
  833. ╚═╝ ╚═╝╚═╝╚══════╝ ╚═════╝
  834. NOTES: random shit i know is needed but
  835. that doesn't have a great category.
  836.  
  837. */
  838. ol.notes {
  839. padding-bottom:2%;
  840. max-width:150px;
  841. text-align:left;
  842. }
  843.  
  844. ol.notes li.note{
  845. border-bottom:1px solid #dccbe7;
  846. padding:3px;
  847. }
  848.  
  849. ol.notes li.note img.avatar{
  850. width:0px;
  851. height:0px;}
  852.  
  853. blockquote {
  854. border-left: 2px solid {color:Blockquote Border};
  855. margin-left:15px;
  856. padding-left:5px;
  857. width:90%;
  858. }
  859. /*
  860. ███████╗ ██████╗ ██████╗ ████████╗███████╗██████╗
  861. ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
  862. █████╗ ██║ ██║██║ ██║ ██║ █████╗ ██████╔╝
  863. ██╔══╝ ██║ ██║██║ ██║ ██║ ██╔══╝ ██╔══██╗
  864. ██║ ╚██████╔╝╚██████╔╝ ██║ ███████╗██║ ██║
  865. ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚══════╝╚═╝ ╚═╝
  866.  
  867. ██████╗ ██╗██╗ ██╗ ██╗███████╗████████╗ ██████╗
  868. ██╔══██╗██║██║ ██║ ██╔╝██╔════╝╚══██╔══╝██╔════╝
  869. ██║ ██║██║██║ ██║ ██╔╝ █████╗ ██║ ██║
  870. ██║ ██║██║╚██╗ ██╔╝██╔╝ ██╔══╝ ██║ ██║
  871. ██████╔╝██║ ╚████╔╝██╔╝ ███████╗ ██║ ╚██████╗
  872. ╚═════╝ ╚═╝ ╚═══╝ ╚═╝ ╚══════╝ ╚═╝ ╚═════╝
  873. NOTES: INCLUDES PERMALINK ETC
  874. */
  875.  
  876. #footer {
  877.  
  878. /*if your notes are 1pixel off change 100% to the width of your posts + 1 like 251 instead of just 250 */
  879. {block:if250pxImages}max-width:251px;{/block:if250pxImages}
  880. {block:if400pxImages}max-width:401px;{/block:if400pxImages}
  881. {block:if500pxImages}max-width:501px;{/block:if500pxImages}
  882. margin-top:10px;
  883. margin-left:-1px;
  884. padding-bottom:5px;
  885. {block:ifBorderTagsBox}border-top:1px solid {color:Tag Link Color};
  886. border-bottom:1px solid {color:Tag Link Color};{block:ifBorderTagsBox}
  887. background:url("{image:Tag Bg Image}");
  888. background-color:{color:Tag Bg Links};
  889. }
  890. #footer a {
  891. color:{color:footer Link Color};
  892. font-size:10px!important;
  893. }
  894. .footerlinks {
  895. text-align:center;
  896. }
  897. .footertags {
  898. padding:5px 5px 5px 15px;
  899. text-align:justify;
  900. }
  901. .footertags a {
  902. color:{color:tag link color};
  903. font-size:10px!important;
  904. text-shadow:none!important;
  905. word-wrap: break-all;}
  906.  
  907. /*
  908. ██████╗ ██████╗ ███████╗████████╗
  909. ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝
  910. ██████╔╝██║ ██║███████╗ ██║
  911. ██╔═══╝ ██║ ██║╚════██║ ██║
  912. ██║ ╚██████╔╝███████║ ██║
  913. ╚═╝ ╚═════╝ ╚══════╝ ╚═╝
  914.  
  915. ███╗ ██╗ ██████╗ ████████╗███████╗███████╗
  916. ████╗ ██║██╔═══██╗╚══██╔══╝██╔════╝██╔════╝
  917. ██╔██╗ ██║██║ ██║ ██║ █████╗ ███████╗
  918. ██║╚██╗██║██║ ██║ ██║ ██╔══╝ ╚════██║
  919. ██║ ╚████║╚██████╔╝ ██║ ███████╗███████║
  920. ╚═╝ ╚═══╝ ╚═════╝ ╚═╝ ╚══════╝╚══════╝
  921. NOTES: this is how your notes render under
  922. neath your posts. hopefully they all work
  923. right, honestly i only tested the 250 out of
  924. laziness. also i hate coding list shit so ugh.
  925.  
  926. */
  927. #postnotes {
  928. {block:if250pxImages}max-width:200px;{/block:if250pxImages}
  929. {block:if400pxImages}max-width:350px;{/block:if400pxImages}
  930. {block:if500pxImages}max-width:450px;{/block:if500pxImages}
  931. FONT-SIZE:10px;
  932. }
  933. #postnotes a {
  934. font-family:{font:Links};
  935. font-size:10px; /* change if you think they're too big */
  936. color:{color:link}; }
  937. #postnotes ol.notes {
  938. padding-bottom:2%;
  939. {block:if250pxImages}max-width:150px;{/block:if250pxImages}
  940. {block:if400pxImages}max-width:300px;{/block:if400pxImages}
  941. {block:if500pxImages}max-width:400px;{/block:if500pxImages}
  942. text-align:left;
  943. }
  944.  
  945. #postnotes ol.notes li.note{
  946. padding:3px;
  947. }
  948.  
  949. #postnotes ol.notes li.note img.avatar{
  950. width:0px;
  951. height:0px;}
  952.  
  953. /*
  954. ██╗ ██╗██████╗ ██████╗ █████╗ ████████╗███████╗
  955. ██║ ██║██╔══██╗██╔══██╗██╔══██╗╚══██╔══╝██╔════╝
  956. ██║ ██║██████╔╝██║ ██║███████║ ██║ █████╗
  957. ██║ ██║██╔═══╝ ██║ ██║██╔══██║ ██║ ██╔══╝
  958. ╚██████╔╝██║ ██████╔╝██║ ██║ ██║ ███████╗
  959. ╚═════╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚══════╝
  960.  
  961. ████████╗ █████╗ ██████╗
  962. ╚══██╔══╝██╔══██╗██╔══██╗
  963. ██║ ███████║██████╔╝
  964. ██║ ██╔══██║██╔══██╗
  965. ██║ ██║ ██║██████╔╝
  966. ╚═╝ ╚═╝ ╚═╝╚═════╝
  967. NOTES: this IS NOT A BASE CODE. IT WAS NOT RELEASED
  968. OR INSPIRED / CREDITED TO ANYONE ELSE. I MADE THIS
  969. FROM SCRATCH. IF YOU'RE GOING TO TAKE IT WITHOUT
  970. A) ASKING OR B) NOT USING THIS THEME THEN PLEASE
  971. LEAVE THE CREDIT IN TACT OR ILL BE SAD.
  972.  
  973. */
  974.  
  975. {block:ifUpdatesTab}
  976.  
  977. /* if you have your own updates tab just delete everything inbetween the block:ifupdatestab and paste you own here.*/
  978.  
  979. /* RENDERS IF YOU WANT UPDATE TAB*/
  980. /* created by DEVILOUT / FIRESPARKED,
  981. PLS DO NOT STEAL THIS CODE. I made IT
  982. MYSELF AND IF YOU USE IT PLEASE LEAVE
  983. CREDIT IN TACT OR ILL PROBABLY CRY A LOT.
  984. */
  985.  
  986. #ut {padding:7px;
  987. font-family:trebuchet ms;
  988. font-size:10px;
  989. position:fixed;
  990. z-index:500;
  991. width:100px;
  992. height:10px;
  993. left:5px;
  994. top:5px;
  995. opacity:1;
  996. text-align:center;
  997. border:1px solid {color:update titles};
  998. }
  999. /* created by DEVILOUT / FIRESPARKED,
  1000. PLS DO NOT STEAL THIS CODE. I made IT
  1001. MYSELF AND IF YOU USE IT PLEASE LEAVE
  1002. CREDIT IN TACT OR ILL PROBABLY CRY A LOT.
  1003. */
  1004. #tt {
  1005. opacity:0;
  1006. height:{text:Update Tab Height IMPORTANT};
  1007. z-index:554;
  1008. font-family:trebuchet ms;
  1009. font-size:9px!important;
  1010. text-align:justify;
  1011. color:{color:update tab text};
  1012. line-height:10px;
  1013. margin-top:-10px;
  1014. padding-top:15px;
  1015. margin-left:0px;
  1016. width:116px;
  1017. }
  1018. #tt p {font-size:9px!important;}
  1019. /* created by DEVILOUT / FIRESPARKED,
  1020. PLS DO NOT STEAL THIS CODE. I made IT
  1021. MYSELF AND IF YOU USE IT PLEASE LEAVE
  1022. CREDIT IN TACT OR ILL PROBABLY CRY A LOT.
  1023. */
  1024. #ut:hover #tt:hover {
  1025. opacity:1;
  1026. -webkit-transition: all 2s ease-out 0s;
  1027. -moz-transition: all 2s ease-out 0s;
  1028. -ms-transition: all 2s ease-out 0s;
  1029. -o-transition: all 2s ease-out 0s;
  1030. transition: all 2s ease-out 0s;
  1031. }
  1032. #ut a {
  1033. color:{color:links}!important;
  1034. font-family:trebuchet ms!important;
  1035. font-size:10px!important;
  1036. text-transform:uppercase!important;
  1037. }
  1038. .sh {
  1039. line-height:15px;
  1040. text-align:center;
  1041. text-transform:uppercase;
  1042. color:;{color:update tab text}; /** SUBTITLES COLOR **/
  1043. /* background:{color:update titles}; BACKGROUND COLOR if you're looking in the code to make it not just a border, then just use that code i've written before this sentence.*/
  1044. border-bottom:1px solid {color:update titles};
  1045. }
  1046.  
  1047. {/block:ifUpdatesTab}
  1048.  
  1049. /*
  1050. ██████╗██████╗ ███████╗██████╗ ██╗████████╗
  1051. ██╔════╝██╔══██╗██╔════╝██╔══██╗██║╚══██╔══╝
  1052. ██║ ██████╔╝█████╗ ██║ ██║██║ ██║
  1053. ██║ ██╔══██╗██╔══╝ ██║ ██║██║ ██║
  1054. ╚██████╗██║ ██║███████╗██████╔╝██║ ██║
  1055. ╚═════╝╚═╝ ╚═╝╚══════╝╚═════╝ ╚═╝ ╚═╝
  1056. NOTES: ALRIGHT, IF YOU REMOVE THIS THEN YOU'RE
  1057. AN ASSHOLE BECAUSE I MADE THIS ENTIRE THEME FOR
  1058. NO REASON OTHER THAN HELPING PEOPLE WHO CAN'T
  1059. MAKE THEMES / AFFORD TO BUY THEM. SO LIKE DONT
  1060. TAMPER WITH IT. DON'T MOVE IT TO THE UPDATE TAB.
  1061. DONT DELETE IT. DONT MAKE IT SMALL I WILL LITERALLY
  1062. BE VERY UPSET AND YOU WILL SEEM UNGRATEFUL AND MEAN.
  1063.  
  1064. */
  1065. #credit {
  1066. position:fixed;
  1067. right:25px;
  1068. bottom:20px;
  1069. width:30px;
  1070. z-index:999999999;
  1071. }
  1072. #credit a {
  1073. color:#fff;
  1074. text-shadow:1px 2px 3px #000;
  1075. font-size:8px;
  1076. }
  1077.  
  1078. </style>
  1079.  
  1080. </head>
  1081. <body>
  1082. {block:ifUpdatesTab}
  1083.  
  1084. <div id="ut"><div clas="ut">
  1085. {text:Updates Tab Title}
  1086. </div>
  1087. <div id="tt">
  1088. <p>{Description}</p>
  1089. <div class="sh">{text:other info title}</div>
  1090. <p>{text:other info}</p>
  1091. {block:ifMusicPlayer}
  1092. <p>{text:music player code}</p>{/block:ifMusicPlayer}
  1093. </div></div>
  1094.  
  1095. {/block:ifUpdatesTab}
  1096. <div id="links">
  1097. <a href="/" title="home">♢</a>
  1098. <a href="/ask" title="ask">♢</a>
  1099. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">♢</a>
  1100. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">♢</a>
  1101. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3 Title}">♢</a>{/block:ifLink3}
  1102. {block:ifLink4}<a href="{text:Link 4 URL}" title="{text:Link 4 Title}">♢</a>{/block:ifLink4}
  1103. </div>
  1104. <div id="pagi">
  1105. {block:PreviousPage}
  1106. <a href="{PreviousPage}" title="back">back /</a>
  1107. {/block:PreviousPage}{block:NextPage}
  1108. <a href="{NextPage}" title="next">next</a></a>
  1109. {/block:NextPage}</div>
  1110. <div id="container">
  1111.  
  1112. {block:Posts}
  1113.  
  1114. <div id="posts">
  1115. {block:Hidden} <!--
  1116. ██████╗ ██╗ ██╗ ██████╗ ████████╗███████╗
  1117. ██╔═══██╗██║ ██║██╔═══██╗╚══██╔══╝██╔════╝
  1118. ██║ ██║██║ ██║██║ ██║ ██║ █████╗
  1119. ██║▄▄ ██║██║ ██║██║ ██║ ██║ ██╔══╝
  1120. ╚██████╔╝╚██████╔╝╚██████╔╝ ██║ ███████╗
  1121. ╚══▀▀═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚══════╝
  1122. NOTE: this is just so i can easily find when surfing
  1123. through the coding. here is where we tell quotes how
  1124. to render in their divs.
  1125. --> {/block:Hidden}
  1126. {block:Quote}
  1127. <div class="quote">
  1128. <P>{Quote}</P>
  1129.  
  1130. {block:Source}
  1131. <div class="source"><p>{Source}</p></div>
  1132. {/block:Source}
  1133. </div>
  1134.  
  1135. {/block:Quote}
  1136. {block:Hidden}
  1137. <!--
  1138.  
  1139. ██████╗ ██╗ ██╗ ██████╗ ████████╗ ██████╗
  1140. ██╔══██╗██║ ██║██╔═══██╗╚══██╔══╝██╔═══██╗
  1141. ██████╔╝███████║██║ ██║ ██║ ██║ ██║
  1142. ██╔═══╝ ██╔══██║██║ ██║ ██║ ██║ ██║
  1143. ██║ ██║ ██║╚██████╔╝ ██║ ╚██████╔╝
  1144. ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═════╝
  1145.  
  1146. --> {/block:Hidden}
  1147. {block:Photo}
  1148. <div class="postphoto">
  1149. {block:if250pxImages}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxImages}
  1150. {block:if400pxImages}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxImages}
  1151. {block:if500pxImages}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500pxImages}
  1152.  
  1153. {block:Caption}
  1154. <div class="caption">{Caption}</div>
  1155. {/block:Caption}
  1156. </div>
  1157. {/block:Photo}
  1158.  
  1159. {block:Photoset}
  1160. <div class="postphotoset">
  1161. {block:if250pxImages}{Photoset-250}{/block:if250pxImages}
  1162. {block:if400pxImages}{Photoset-400}{/block:if400pxImages}
  1163. {block:if500pxImages}{Photoset-500}{/block:if500pxImages}
  1164. {block:Caption}
  1165. <div class="caption">{Caption}</div>
  1166. {/block:Caption}
  1167. </div>
  1168. {/block:Photoset}
  1169. {block:Hidden}
  1170. <!--
  1171. ██╗ ██╗███╗ ██╗██╗ ██╗███████╗
  1172. ██║ ██║████╗ ██║██║ ██╔╝██╔════╝
  1173. ██║ ██║██╔██╗ ██║█████╔╝ ███████╗
  1174. ██║ ██║██║╚██╗██║██╔═██╗ ╚════██║
  1175. ███████╗██║██║ ╚████║██║ ██╗███████║
  1176. ╚══════╝╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝╚══════╝
  1177. NOTES: THIS ISN'T YOUR 'LINKS' IN THE SIDEBAR
  1178. OR ANYTHING. THIS IS THE NAME OF THE BLOCK THAT
  1179. RENDERS IF YOU REBLOGGED A LINK SOMONE POSTED.
  1180. THEY'RE RARE BUT HEY THEY HAPPEN.
  1181.  
  1182. --> {/block:Hidden}
  1183.  
  1184. {block:Link}
  1185. <div class="postlink">
  1186.  
  1187. <div class="postlinktext"> <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1></div>
  1188. {block:Description}<div class="postlinkdescription"><P>{Description}</p></div>{/block:Description}
  1189.  
  1190.  
  1191.  
  1192. </div>
  1193.  
  1194. {/block:Link}
  1195. {block:Hidden}<!--
  1196. ██████╗██╗ ██╗ █████╗ ████████╗███████╗
  1197. ██╔════╝██║ ██║██╔══██╗╚══██╔══╝██╔════╝
  1198. ██║ ███████║███████║ ██║ ███████╗
  1199. ██║ ██╔══██║██╔══██║ ██║ ╚════██║
  1200. ╚██████╗██║ ██║██║ ██║ ██║ ███████║
  1201. ╚═════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═╝ ╚══════╝
  1202.  
  1203. --> {/block:Hidden}
  1204.  
  1205. {block:Chat}
  1206. <div class="postchat">
  1207. {block:Title}
  1208. <h3><a href="{Permalink}">{Title}</a></h3>
  1209. {/block:Title}
  1210.  
  1211. <div class="chat"><P span="font-family:trebuchet ms;font-size:10px;">
  1212. {block:Lines}
  1213. {block:Label}
  1214. <b> {Label}</b>
  1215. {/block:Label}
  1216. {Line}<br>
  1217. {/block:Lines}</span>
  1218. </div></div>
  1219. {/block:Chat}
  1220. {block:Hidden} <!--
  1221. ███╗ ███╗██╗ ██╗███████╗██╗ ██████╗
  1222. ████╗ ████║██║ ██║██╔════╝██║██╔════╝
  1223. ██╔████╔██║██║ ██║███████╗██║██║
  1224. ██║╚██╔╝██║██║ ██║╚════██║██║██║
  1225. ██║ ╚═╝ ██║╚██████╔╝███████║██║╚██████╗
  1226. ╚═╝ ╚═╝ ╚═════╝ ╚══════╝╚═╝ ╚═════╝
  1227. --> {/block:Hidden}
  1228.  
  1229. {block:Audio}
  1230.  
  1231.  
  1232. <div class="postaudio">{block:AudioPlayer}<div class="adjust">{AudioPlayerWhite}</div>{/block:AudioPlayer}</div>
  1233.  
  1234. <div class="postaudioplayer">
  1235. <div class="postaudiocover">{block:AlbumArt}
  1236. <img src="{AlbumArtURL}">
  1237. {/block:AlbumArt}</div>
  1238. <div class="postaudioplayerlabel">{block:Artist}
  1239. <div class="playerlabel">{Artist}</div>
  1240. {/block:Artist}
  1241. {block:TrackName}
  1242. <div class="playerlabel">{TrackName}</div>
  1243. {/block:TrackName}
  1244. </div> </div>
  1245.  
  1246. <!-- this is my jacked up way of getting white background without fucking with shit anymore because im lazy bye -->
  1247. <div class="audio"></div>
  1248. {block:Caption}
  1249. <div class="postaudiocaption">{Caption}</div>
  1250. {/block:Caption}
  1251. {/block:Audio}
  1252. {block:Hidden}
  1253. <!--
  1254. ████████╗███████╗██╗ ██╗████████╗
  1255. ╚══██╔══╝██╔════╝╚██╗██╔╝╚══██╔══╝
  1256. ██║ █████╗ ╚███╔╝ ██║
  1257. ██║ ██╔══╝ ██╔██╗ ██║
  1258. ██║ ███████╗██╔╝ ██╗ ██║
  1259. ╚═╝ ╚══════╝╚═╝ ╚═╝ ╚═╝
  1260. --> {/block:Hidden}
  1261. {block:Text}
  1262. <div class="posttext">
  1263. {block:Title}
  1264. <div class="posttexttitle"><h1><a href="{Permalink}">{Title}</a></h1></div>
  1265. {/block:Title}
  1266. <div class="posttextbody">{Body}</div>
  1267. </div>
  1268. {/block:Text}
  1269. {block:Hidden}
  1270. <!--
  1271. █████╗ ███████╗██╗ ██╗
  1272. ██╔══██╗██╔════╝██║ ██╔╝
  1273. ███████║███████╗█████╔╝
  1274. ██╔══██║╚════██║██╔═██╗
  1275. ██║ ██║███████║██║ ██╗
  1276. ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝
  1277.  
  1278.  
  1279. --> {/block:Hidden}
  1280.  
  1281. {block:Answer}
  1282. <div class="postquestion">
  1283. <div class="postquestiontext">{question}</div> <div class="postquestionasker">♥ {asker}</div>
  1284. <div class="postquestionanswer"><p>{Answer}<p></div>
  1285. </div>
  1286. {/block:Answer}
  1287. {block:Hidden}
  1288. <!--
  1289. ██╗ ██╗██╗██████╗ ███████╗ ██████╗
  1290. ██║ ██║██║██╔══██╗██╔════╝██╔═══██╗
  1291. ██║ ██║██║██║ ██║█████╗ ██║ ██║
  1292. ╚██╗ ██╔╝██║██║ ██║██╔══╝ ██║ ██║
  1293. ╚████╔╝ ██║██████╔╝███████╗╚██████╔╝
  1294. ╚═══╝ ╚═╝╚═════╝ ╚══════╝ ╚═════╝
  1295. -->
  1296. {/block:Hidden}
  1297.  
  1298. {block:Video}
  1299. <div class="post video">
  1300. {block:if250pxImages}{Video-250}{/block:if250pxImages}
  1301. {block:if400pxImages}{Video-400}{/block:if400pxImages}
  1302. {block:if500pxImages}{Video-500}{/block:if500pxImages}{block:Caption}
  1303. <div class="postvideocaption">{Caption}</div>
  1304. {/block:Caption}
  1305. </div>
  1306. {/block:Video}
  1307. {block:Hidden}
  1308. <!--
  1309. ███████╗ ██████╗ ██████╗ ████████╗███████╗██████╗
  1310. ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
  1311. █████╗ ██║ ██║██║ ██║ ██║ █████╗ ██████╔╝
  1312. ██╔══╝ ██║ ██║██║ ██║ ██║ ██╔══╝ ██╔══██╗
  1313. ██║ ╚██████╔╝╚██████╔╝ ██║ ███████╗██║ ██║
  1314. ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚══════╝╚═╝ ╚═╝
  1315.  
  1316. ██████╗ ██╗██╗ ██╗ ██╗███████╗████████╗ ██████╗
  1317. ██╔══██╗██║██║ ██║ ██╔╝██╔════╝╚══██╔══╝██╔════╝
  1318. ██║ ██║██║██║ ██║ ██╔╝ █████╗ ██║ ██║
  1319. ██║ ██║██║╚██╗ ██╔╝██╔╝ ██╔══╝ ██║ ██║
  1320. ██████╔╝██║ ╚████╔╝██╔╝ ███████╗ ██║ ╚██████╗
  1321. ╚═════╝ ╚═╝ ╚═══╝ ╚═╝ ╚══════╝ ╚═╝ ╚═════╝
  1322. NOTES: this is where we code the bottom of the post
  1323. aka permalink, tags, etc. BE VERY WARY.
  1324. --> {/block:Hidden}
  1325.  
  1326. <div id="footer">
  1327. <div class="footerlinks">
  1328.  
  1329. {block:indexpage} <a href="{ReblogURL}" title="reblog">■</a>{/block:indexpage}
  1330.  
  1331. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}">■</a>{/block:RebloggedFrom}
  1332.  
  1333. {block:ContentSource} <a href="{SourceURL}" title="{SourceTitle} ">■</a>{/block:ContentSource}
  1334.  
  1335. {block:NoteCount}<span style="font-size:10px;"> <a href="{permalink}">■</a></span>{/block:NoteCount}</div>
  1336.  
  1337. </div>
  1338.  
  1339. {block:HasTags}
  1340.  
  1341. {block:ifhidetags}
  1342. {block:permalinkpage}
  1343. <div class="footertags">{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:permalinkpage}
  1344. {/block:ifhidetags}
  1345. {block:ifnothidetags}<div class="footertags">
  1346. {block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:ifnothidetags}
  1347. {/block:HasTags}
  1348. {block:Hidden}
  1349. <!--
  1350. ██████╗ ███████╗██████╗ ███╗ ███╗
  1351. ██╔══██╗██╔════╝██╔══██╗████╗ ████║
  1352. ██████╔╝█████╗ ██████╔╝██╔████╔██║
  1353. ██╔═══╝ ██╔══╝ ██╔══██╗██║╚██╔╝██║
  1354. ██║ ███████╗██║ ██║██║ ╚═╝ ██║
  1355. ╚═╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝
  1356.  
  1357. ███╗ ██╗ ██████╗ ████████╗███████╗███████╗
  1358. ████╗ ██║██╔═══██╗╚══██╔══╝██╔════╝██╔════╝
  1359. ██╔██╗ ██║██║ ██║ ██║ █████╗ ███████╗
  1360. ██║╚██╗██║██║ ██║ ██║ ██╔══╝ ╚════██║
  1361. ██║ ╚████║╚██████╔╝ ██║ ███████╗███████║
  1362. ╚═╝ ╚═══╝ ╚═════╝ ╚═╝ ╚══════╝╚══════╝
  1363.  
  1364. NOTES: ACTUALLY SATANS BUTTHOLE -->
  1365. {/block:Hidden}
  1366. {block:PostNotes}
  1367. <div id="postnotes">{PostNotes}</div>
  1368. {/block:PostNotes}
  1369. </div>
  1370.  
  1371. {/block:Posts}
  1372.  
  1373. </div></div></div>
  1374. <!--
  1375.  
  1376. ██████╗██████╗ ███████╗██████╗ ██╗████████╗
  1377. ██╔════╝██╔══██╗██╔════╝██╔══██╗██║╚══██╔══╝
  1378. ██║ ██████╔╝█████╗ ██║ ██║██║ ██║
  1379. ██║ ██╔══██╗██╔══╝ ██║ ██║██║ ██║
  1380. ╚██████╗██║ ██║███████╗██████╔╝██║ ██║
  1381. ╚═════╝╚═╝ ╚═╝╚══════╝╚═════╝ ╚═╝ ╚═╝
  1382.  
  1383. ██████╗ ██████╗ ███╗ ██╗ ████████╗
  1384. ██╔══██╗██╔═══██╗████╗ ██║ ╚══██╔══╝
  1385. ██║ ██║██║ ██║██╔██╗ ██║ ██║
  1386. ██║ ██║██║ ██║██║╚██╗██║ ██║
  1387. ██████╔╝╚██████╔╝██║ ╚████║ ██║
  1388. ╚═════╝ ╚═════╝ ╚═╝ ╚═══╝ ╚═╝
  1389.  
  1390. ██████╗ ███████╗ █████╗
  1391. ██╔══██╗██╔════╝ ██╔══██╗
  1392. ██████╔╝█████╗ ███████║
  1393. ██╔══██╗██╔══╝ ██╔══██║
  1394. ██████╔╝███████╗ ██║ ██║
  1395. ╚═════╝ ╚══════╝ ╚═╝ ╚═╝
  1396.  
  1397. ██████╗ ██╗ ██████╗ ██╗ ██╗
  1398. ██╔══██╗ ██║ ██╔════╝ ██║ ██╔╝
  1399. ██║ ██║ ██║ ██║ █████╔╝
  1400. ██║ ██║ ██║ ██║ ██╔═██╗
  1401. ██████╔╝ ██║ ╚██████╗ ██║ ██╗
  1402. ╚═════╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
  1403.  
  1404. ██╗ ██████╗ ███████╗██╗
  1405. ██║ ██╔══██╗██╔════╝██║
  1406. ████████╗ ██║ ██║█████╗ ██║
  1407. ██╔═██╔═╝ ██║ ██║██╔══╝ ██║
  1408. ██████║ ██████╔╝███████╗███████╗
  1409. ╚═════╝ ╚═════╝ ╚══════╝╚══════╝
  1410.  
  1411. ███████╗████████╗███████╗ ██╗████████╗
  1412. ██╔════╝╚══██╔══╝██╔════╝ ██║╚══██╔══╝
  1413. █████╗ ██║ █████╗ ██║ ██║
  1414. ██╔══╝ ██║ ██╔══╝ ██║ ██║
  1415. ███████╗ ██║ ███████╗ ██║ ██║
  1416. ╚══════╝ ╚═╝ ╚══════╝ ╚═╝ ╚═╝
  1417. NOTES: DONT CHANGE IT FOR UR AESTHETIC,
  1418. DONT SHRINK IT, OR MOVE IT OR DO ANYTHING.
  1419. LIKE MAKE UR OWN IF UR SO TURNED DOWN
  1420. BY MY CREDIT K
  1421. -->
  1422. <div id="credit"><a href="http://devilout.tumblr.com/theme" title="DEVILOUT THEME #1">DEVILOUT</a> </div>
  1423.  
  1424. </body>
  1425. </html>
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!