API tools faq
paste
Advertisement
eucerin

OLD* DEVILOUT REVAMP 7.31.2015

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