API tools faq
paste
Advertisement
benizora

HELIOS

benizora
Sep 13th, 2015
3,367
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. -––––––––––––––––––
  8. T H E M E - 06
  9. -–––––––––––––––––– HELIOS. (!!)
  10. by B E N I Z O R A
  11. -––––––––––––––––––
  12.  
  13. DO NOT Steal.
  14. DO NOT Copy Codes.
  15. Thank You!
  16.  
  17. -->
  18.  
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24.  
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}"/>
  27. {/block:Description}
  28.  
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:BorderBG" content="#fffdf1"/>
  31. <meta name="color:PostBorderOutline" content="#e7e7e7"/>
  32. <meta name="color:Post BG" content="#ffffff"/>
  33. <meta name="color:Small Header BG" content="#ffffff"/>
  34. <meta name="color:Large Header BG" content="#f8f8f8"/>
  35. <meta name="color:Header Nav BG" content="#ffffff"/>
  36. <meta name="color:Navigation Links" content="#adadad"/>
  37. <meta name="color:Navigation Links Hover" content="#848484"/>
  38. <meta name="color:Navigation Box Hover" content="#aae1ea"/>
  39. <meta name="color:Headline Color" content="#bbceff"/>
  40. <meta name="color:Right Description" content="#cccccc"/>
  41. <meta name="color:Scrollbar" content="#ff89c6"/>
  42.  
  43. <meta name="color:Bold Text" content="#ff89c6"/>
  44. <meta name="color:Italic Text" content="#c4b6ff"/>
  45. <meta name="color:Text" content="#c1c1c1"/>
  46.  
  47. <meta name="color:Chat BG" content="#e7e7e7"/>
  48.  
  49. <meta name="color:Permalink BG" content="#ffffff"/>
  50. <meta name="color:Permalink Links" content="#3d8bff"/>
  51. <meta name="color:Permalink Links Hover" content="#82b0ff"/>
  52. <meta name="color:Permalink Text" content="#ff89c6"/>
  53. <meta name="color:Tags" content="#ff89c6"/>
  54. <meta name="color:Tags Hover" content="#ffdede"/>
  55.  
  56. <meta name="color:Links" content="#ff89c6"/>
  57. <meta name="color:Links Hover" content="#ffdede"/>
  58. <meta name="color:Left Links Text" content="#d1d1d1"/>
  59. <meta name="color:Left Links Text Hover" content="#ffffff"/>
  60. <meta name="color:Left Links BG" content="#ffffff"/>
  61. <meta name="color:Left Link Box" content="#f8f8f8"/>
  62.  
  63. <meta name="color:Tooltip Text" content="#000000"/>
  64. <meta name="color:Tooltip BG" content="#eeeeee"/>
  65.  
  66. <meta name="image:Background" content="http://static.tumblr.com/76c92e59357ff6b28788efb1ce5c9eab/e1ydrvt/Abinukqb5/tumblr_static_5b4lled6yygwkwggs44swcsks.png"/>
  67. <meta name="image:Header BG" content="http://static.tumblr.com/083885134a237aefc3298875ce8242a0/e1ydrvt/GG8nufvfg/tumblr_static_dfrzsbssmy0o44kk8kwsw0okk.jpg"/>
  68. <meta name="image:PostBorder" content=""/>
  69. <meta name="image:Right Sidebar" content=""/>
  70. <meta name="image:Left Sidebar" content=""/>
  71. <meta name="image:Permalink BG" content="http://static.tumblr.com/55ee9c27e5ff4869ad6e7f9debbf88f2/e1ydrvt/e7Jnumgt5/tumblr_static_36c4fhx84d8g0s8c8gswocsk4.jpg"/>
  72.  
  73.  
  74. <meta name="if:ShowCaptions" content="1">
  75. <meta name="if:MonochromePosts" content="0">
  76. <meta name="if:FadingImages" content="0" />
  77. <meta name="if:InfiniteScroll" content="1"/>
  78. <meta name="if:ShowTags" content="1"/>
  79. <meta name="if:250pxPosts" content="0"/>
  80. <meta name="if:400pxPosts" content="1"/>
  81. <meta name="if:500pxPosts" content="0"/>
  82. <meta name="if:BlackMusicPlayer" content="0" />
  83. <meta name="if:WhiteMusicPlayer" content="1" />
  84.  
  85. <meta name="text:Left Quote Text" content="Insert your quote here." />
  86.  
  87.  
  88. <meta name="select:Font" content="Trebuchet MS" title="Trebuchet MS"/>
  89. <meta name="select:Font" content="Arial" title="Arial"/>
  90. <meta name="select:Font" content="Calibri" title="Calibri"/>
  91. <meta name="select:Font" content="Consolas" title="Consolas"/>
  92. <meta name="select:Font" content="Times" title="Times New Roman"/>
  93. <meta name="select:Font" content="Century Gothic" title="Century Gothic"/>
  94. <meta name="select:Font" content="Courier" title="Courier"/>
  95. <meta name="select:Font" content="Cambria" title="Cambria"/>
  96. <meta name="select:Font" content="Georgia" title="Georgia"/>
  97.  
  98.  
  99. <meta name="text:link 1" content="/" />
  100. <meta name="text:link 1 title" content="LINK 1" />
  101. <meta name="text:link 2" content="/" />
  102. <meta name="text:link 2 title" content="LINK 2" />
  103. <meta name="text:link 3" content="/" />
  104. <meta name="text:link 3 title" content="LINK 3" />
  105. <meta name="text:link 4" content="/" />
  106. <meta name="text:link 4 title" content="LINK 4" />
  107. <meta name="text:link 5" content="/" />
  108. <meta name="text:link 5 title" content="LINK 5" />
  109. <meta name="text:link 6" content="/" />
  110. <meta name="text:link 6 title" content="LINK 6" />
  111.  
  112. <link href='https://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
  113.  
  114. <script type="text/javascript"
  115. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  116. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  117. <script>
  118. (function($){
  119. $(document).ready(function(){
  120. $("[title]").style_my_tooltips();
  121. });
  122. })(jQuery);
  123. </script>
  124.  
  125. <style type="text/css">
  126.  
  127.  
  128.  
  129.  
  130.  
  131. /* --- GENERAL. --- */
  132.  
  133.  
  134. ::-webkit-scrollbar-thumb:vertical { background-color: {color:Scrollbar}; height: 10px; border: 3px solid transparent; }
  135.  
  136. ::-webkit-scrollbar-thumb:horizontal { background-color: {color:Scrollbar}; height: 10px!important; border: 3px solid transparent; }
  137.  
  138. ::-webkit-scrollbar { background-color: transparent; height:4px; width:4px; }
  139.  
  140. h1 { font-weight:normal; font-size:13px; text-align:left; font-style:normal; line-height:100%; letter-spacing:1px; font-family: 'Oswald', sans-serif; text-transform:uppercase; color:{color:Headline Color}; }
  141.  
  142. h2 { font-weight:normal; font-size:15px; text-align:left; font-style:normal; line-height:100%; letter-spacing:1px; font-family: 'Oswald', sans-serif; text-transform:uppercase; color:{color:Headline Color}; }
  143.  
  144. h3 { font-weight:normal; font-size:20px; text-align:center; font-style:normal; line-height:100%; letter-spacing:0px; font-family: 'Oswald', sans-serif; text-transform:uppercase; color:{color:Headline Color}; }
  145.  
  146. a { text-decoration:none; font-weight:800; text-transform:uppercase; color: {color:Links}; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; text-shadow:10px 0px transparent, -10px 0px transparent; }
  147.  
  148. a:link, a:active, a:visited { color: {color:Links}; font-weight:800; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
  149.  
  150. a:hover { color:{color:Links Hover}; }
  151.  
  152. b, strong { font-weight:800; color:{color:Bold Text}; }
  153.  
  154. i, em { font-weight:300; color:{color:Italic Text}; }
  155.  
  156. #caption { margin-left:20px;padding:2px 10px;{block:If250pxPosts}width: 190px;{/block:If250pxPosts}{block:If400pxPosts}width: 340px;{/block:If400pxPosts} {block:If500pxPosts}width: 440px;{/block:If500pxPosts} overflow:hidden; font-size:9px; letter-spacing:1px; font-family:{select:Font}; }
  157.  
  158. pre, xmp, plaintext, listing { display: block; white-space: pre; background: {color:Post BG}; padding: 7px; word-wrap: break-word; font: 10px 'Calibri', sans-serif; }
  159.  
  160. #s-m-t-tooltip { display: block;background: {color:Tooltip BG};font-size: 8px;font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; line-height:130%; color:{color:Tooltip Text}; text-align:center; margin-left: 25px; padding:3px 5px 3px 5px; min-width:40px; max-width:150px; z-index: 9999999999; }
  161.  
  162. small { line-height:130%; }
  163.  
  164. iframe#tumblr_controls { right:5px !important; top:4px; position: fixed !important; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.7; }
  165.  
  166. img, embed, object, video { max-width: 100%; border: none; }
  167.  
  168. p { line-break: auto; line-break: loose; line-break: normal; line-break: strict; /* Global values */ line-break: inherit; line-break: initial; line-break: unset; }
  169.  
  170. body { background-image: url('{image:Background}'); background-color: {color:Background}; background-attachment: fixed; word-wrap: break-word; background-repeat: {text:Background Repeat}; color: {color:Text}; font-family: {select:Font}; font-size: 10px; overflow:hidden; }
  171.  
  172. #right_pagination { display:inline-block; color:#d74892; text-transform:uppercase; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  173.  
  174. #left_pagination { display:inline-block; color:#d74892; text-transform:uppercase; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  175.  
  176.  
  177.  
  178. /* --- TOP NAV. --- */
  179.  
  180.  
  181.  
  182. #header_nav { margin:auto; width:100%; height:35px; border-bottom:1px solid {color:PostBorderOutline}; top:0px; background:{color:Header Nav BG}; text-align:center; z-index:9; position:absolute; left:0; right:0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
  183.  
  184. #header_nav a { position:relative; display:inline-block; margin:auto; width:70px; left:0; right:0; color:{color:Navigation Links}; padding:10px 10px 9px 10px; font-family:'Oswald', sans-serif; font-weight:300; font-size:10px; letter-spacing:1px; text-align:center; text-transform:uppercase; text-shadow:10px 0px transparent, -10px 0px transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  185.  
  186. #header_nav a:hover { color:{color:Navigation Links Hover}; box-shadow:4px 4px 0px {color:Navigation Box Hover}; -webkit-box-shadow:4px 4px 0px {color:Navigation Box Hover}; -moz-box-shadow:4px 4px 0px {color:Navigation Box Hover}; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  187.  
  188. #container { left:0px; width:1100px;float:center; z-index:-99; margin:auto; margin-top:130px; }
  189.  
  190. #header_bg { left:0px; width:100%; background:{color:Large Header BG}; top:0px; height:350px; z-index:-9; position:fixed; background-image: url('{image:Header BG}'); background-attachment: absolute; }
  191.  
  192. #header_border { left:0px; width:100%; background:{color:Small Header BG}; margin-top:170px; height:50px; z-index:-9; position:fixed; border:1px solid {color:PostBorderOutline};}
  193.  
  194. #contain { padding:10px 15px 10px 15px; margin:auto; margin-top:10px; {block:If500pxPosts}width:500px;{/block:If500pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If250pxPosts}width:250px;{/block:If250pxPosts} z-index:9999999; height:490px; background:{color:Post BG}; border:1px solid {color:PostBorderOutline};overflow-x:hidden;}
  195.  
  196. #border { padding:10px 15px 20px 15px; margin:auto; margin-top:0px; {block:If500pxPosts}width:535px;{/block:If500pxPosts}{block:If400pxPosts}width:435px;{/block:If400pxPosts}{block:If250pxPosts}width:285px;{/block:If250pxPosts} z-index:-9999999; height:520px; background-image: url('{image:PostBorder}'); background-color: {color:BorderBG}; background-attachment: absolute; border:1px solid {color:PostBorderOutline}; }
  197.  
  198.  
  199.  
  200.  
  201.  
  202. /* --- FOOTER NAV. --- */
  203.  
  204.  
  205.  
  206.  
  207. #footer_nav { left:0px; text-align:right; width:100%; background:{color:Header Nav BG}; bottom:0px; height:35px; z-index:-9; position:absolute; border-top:1px solid {color:PostBorderOutline};-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
  208.  
  209.  
  210.  
  211.  
  212. /* --- CREDIT. DO NOT TOUCH. --- */
  213.  
  214.  
  215.  
  216.  
  217. #credit a { position:absolute; bottom: 12px; right:10px; display:inline-block; width:100px; color:{color:Headline Color}; font-family:'Oswald', font-weight:300; sans-serif; font-size:9px; letter-spacing:2px; text-align:center; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
  218.  
  219. #credit a:hover { color:{color:Navigation Links Hover}; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
  220.  
  221.  
  222.  
  223.  
  224.  
  225. /* --- RIGHT SIDEBAR. --- */
  226.  
  227.  
  228.  
  229.  
  230.  
  231. #right_image { width:250px; float:right; {block:If500pxPosts};margin-left:713px;{/block:If500pxPosts}{block:If400pxPosts}margin-left:663px;{/block:If400pxPosts}{block:If250pxPosts}margin-left:588px;{/block:If250pxPosts} margin-top:245px; position:fixed; z-index:0; }
  232.  
  233. #right_image img { width:110px; float:right; height:110px; margin:auto; border: 1px solid {color:PostBorderOutline}; }
  234.  
  235. #right_title { color:{color:Headline Color}; {block:If500pxPosts};margin-left:980px;{/block:If500pxPosts}{block:If400pxPosts}margin-left:930px;{/block:If400pxPosts}{block:If250pxPosts}margin-left:850px;{/block:If250pxPosts}width:200px; text-transform:lowercase; float:right; margin-top:258px; position:fixed; z-index:0; font-size:25px; font-weight:700; letter-spacing:1px; text-align:left; line-height:80%; font-family:'Helvetica', sans-serif; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; }
  236.  
  237. #right_desc { width:210px; height:75px; float:right; margin-top:10px; position:fixed; z-index:0; background:transparent; font-size:25px; letter-spacing:1px; text-align:left; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; }
  238.  
  239. #right_desc_text { width:220px; height:65px; color:{color:Right Description}; position:fixed; z-index:999; padding-right:10px;font-size:10px; letter-spacing:1px; text-align:left; line-height:100%; overflow-y:scroll; overflow-x:hidden; font-family:'Calibri', sans-serif; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; font-weight:300; }
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246. /* --- LEFT SIDEBAR. --- */
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253. #left { width:110px; background: {color:Left Link Box} ;height:110px; {block:If500pxPosts};margin-left:135px;{/block:If500pxPosts}{block:If400pxPosts}margin-left:185px;{/block:If400pxPosts}{block:If250pxPosts}margin-left:260px;{/block:If250pxPosts} margin-top:245px; position:fixed; z-index:0; border: 1px solid {color:PostBorderOutline}; }
  254.  
  255. #left img { z-index:9; width:110px; height:110px; }
  256.  
  257. #left_links { width:110px; {block:If500pxPosts};margin-left:123px;{/block:If500pxPosts}{block:If400pxPosts}margin-left:173px;{/block:If400pxPosts}{block:If250pxPosts}margin-left:248px;{/block:If250pxPosts} position:fixed; z-index:0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; margin-top:265px; }
  258.  
  259. #left_links a { border:1px solid {color:PostBorderOutline}; display: inline-block; width:45px; margin-bottom:4px; margin-right:-18px; margin-left:19px; font-family:'Trebuchet ms', sans-serif; text-align:center; font-size: 9px; background:{color:Left Links BG}; color:{color:Left Links Text}; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
  260.  
  261. #left_links a:hover { color: {color:Left Links Text Hover}; background: {color:Navigation Box Hover}; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; text-shadow:10px 0px transparent, -10px 0px transparent; }
  262.  
  263.  
  264. #left_quote { color:{color:Headline Color}; {block:If500pxPosts};margin-left:5px;{/block:If500pxPosts}{block:If400pxPosts}margin-left:50px;{/block:If400pxPosts}{block:If250pxPosts}margin-left:120px;{/block:If250pxPosts}width:100px; text-transform:lowercase; font-weight:700; float:right; margin-top:285px; position:fixed; z-index:0; font-size:18px; letter-spacing:1px; text-align:right; line-height:80%; font-family:'Helvetica', sans-serif; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; }
  265.  
  266. #left_quote_mark { color:{color:Headline Color}; {block:If500pxPosts};margin-left:30px;{/block:If500pxPosts}{block:If400pxPosts}margin-left:78px;{/block:If400pxPosts}{block:If250pxPosts}margin-left:150px;{/block:If250pxPosts}width:100px; float:right; opacity:.3; margin-top:260px; position:fixed; z-index:0; font-size:100px; letter-spacing:0px; text-align:right; line-height:80%; font-family:'Baskerville', sans-serif; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; }
  267.  
  268.  
  269.  
  270.  
  271. /* --- ENTRY DETAILS. --- */
  272.  
  273.  
  274.  
  275.  
  276. #title { padding:10px; font-size: 22px; text-align: center; font-family:'Oswald', sans-serif; font-weight:700; text-transform:uppercase; line-height: 100%; letter-spacing: 2px; color: {color:Headline Color};}
  277.  
  278. #entries a:link, a:active, a:visited { color: {color:Link}; font-weight:800; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; text-shadow:10px 0px transparent, -10px 0px transparent; }
  279.  
  280. #entries a:hover { color: {color:Link Hover}; text-decoration: none; }
  281.  
  282. #entries img { {block:if250pxPosts}width: 250px;{/block:if250pxPosts}{block:if500pxPosts}width: 500px;{/block:if500pxPosts} {block:if400pxPosts}width: 400px;{/block:if400pxPosts} }
  283.  
  284. #photo{ {block:if250pxPosts}width: 250px;{/block:if250pxPosts}{block:if500pxPosts}width: 500px;{/block:if500pxPosts} {block:if400pxPosts}width: 400px;{/block:if400pxPosts} {block:IfMonochromePosts} -webkit-filter: grayscale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; {/block:IfMonochromePosts} {block:ifFadingImages} -webkit-transition: opacity 0.8s linear; opacity: .60; {/block:ifFadingImages} overflow:hidden; }
  285.  
  286. #photo:hover{ {block:IfMonochromePosts} filter: none; -webkit-filter: grayscale(0); {/block:IfMonochromePosts} {block:ifFadingImages} opacity: 1; {/block:ifFadingImages} }
  287.  
  288. blockquote{ padding:0px 10px; {block:If250pxPosts}width: 180px;{/block:If250pxPosts}{block:If400pxPosts}width: 300px;{/block:If400pxPosts} {block:If500pxPosts}width: 400px;{/block:If500pxPosts} margin-left:20px; word-wrap:break-word; font-size:9px; letter-spacing:1px; font-family:{select:Font}; line-height:140%; border-left:1px solid {color:Scrollbar}; }
  289.  
  290. blockquote img { {block:If400pxPosts}max-width: 370px;{/block:If400pxPosts} {block:If500pxPosts}max-width: 470px;{/block:If500pxPosts} {block:If250pxPosts}max-width: 220px;{/block:If250pxPosts} }
  291.  
  292.  
  293.  
  294.  
  295. /* --- QUOTES. --- */
  296.  
  297.  
  298.  
  299.  
  300. #quotes{ {block:if250pxPosts}width: 230px;{/block:if250pxPosts}{block:if500pxPosts}width: 480px;{/block:if500pxPosts} {block:if400pxPosts}width: 380px;{/block:if400pxPosts} padding: 10px; font-family: 'Oswald', sans-serif; line-height: 120%; font-size:20px; background:{color:Scrollbar}; color: {color:Post BG}; text-align: center; text-transform:uppercase; border:1px solid {color:Post Border Outline};}
  301.  
  302. #sources {
  303. font-family: {select:Font};, sans-serif; {block:if250pxPosts}width: 250px;{/block:if250pxPosts}{block:if500pxPosts}width: 500px;{/block:if500pxPosts} {block:if400pxPosts}width: 400px;{/block:if400pxPosts} font-size:9px; letter-spacing:1px; text-align:center; padding: 15px 0px 0px 0px; z-index:9999999999;}
  304.  
  305.  
  306.  
  307.  
  308. /* --- PERMALINK. --- */
  309.  
  310.  
  311.  
  312.  
  313. #permalink { background-image: url('{image:Permalink BG}'); background-attachment: absolute; {block:IndexPage} margin-bottom:25px; {block:If400pxPosts} width:386px;{/block:If400pxPosts}{block:If500pxPosts} width:486px;{/block:If500pxPosts}{block:If250pxPosts} width:236px;{/block:If250pxPosts} letter-spacing:1px; font-size: 9px; font-family: 'Helvetica', sans-serif; border:1px solid {color:PostBorderOutline}; text-align:center; background-color:{color:Permalink BG}; text-transform:uppercase; color:{color:Permalink Text}; padding:6px; line-height:100%; margin-top:20px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; {/block:IndexPage} {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  314.  
  315. #tags { {block:IndexPage} {block:If400pxPosts} width:386px;{/block:If400pxPosts}{block:If500pxPosts} width:486px;{/block:If500pxPosts}{block:If250pxPosts} width:236px;{/block:If250pxPosts} text-align:center; text-transform:lowercase; color:{color:Tags}; z-index:2; padding:6px; line-height:100%; margin-top:-20px; margin-bottom:25px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; {/block:IndexPage} {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  316.  
  317. #permalink a { color:{color:Permalink Links}; font: 8px Helvetica; }
  318.  
  319. #permalink a:hover { color:{color:Permalink Links Hover}; }
  320.  
  321. #tags a { {color:Tags}; padding:2px; background-color:{color:BorderBG}; text-transform:uppercase; font: 8px Calibri; font-weight:700; letter-spacing:1px; }
  322.  
  323. #tags a:hover { color:{color:Tags Hover}; }
  324.  
  325.  
  326.  
  327.  
  328.  
  329. /* --- ASK. --- */
  330.  
  331.  
  332.  
  333.  
  334. .icon { background:transparent; border:5px solid {color:BorderBG}; width:35px; height:35px; padding:8px; }
  335.  
  336. .inquisitive { padding:15px; margin-top:-60px; margin-left:60px; }
  337.  
  338. .thoughtful { text-transform:uppercase; font-size:14px; font-family: 'Oswald', sans-serif; }
  339.  
  340.  
  341.  
  342.  
  343. /* --- CHAT. --- */
  344.  
  345.  
  346.  
  347.  
  348. .chat { line-height:20px; list-style:none; }
  349.  
  350. .line.even { background:{color:Chat BG}; padding:5px; list-style:none; font-size:10px; }
  351.  
  352. .line.odd { background:{color:Post BG}; padding:5px; list-style:none; font-size:10px; }
  353.  
  354. .label { padding-right:1px; text-transform:uppercase; font-weight:bold; color:{color:Italic}; font-family: 'Oswald', sans-serif; font-size:11px; letter-spacing:1px; }
  355.  
  356.  
  357.  
  358.  
  359. /* --- NOTES. --- */
  360.  
  361.  
  362.  
  363.  
  364. .postnotes { {block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If500pxPosts}width:500px;{/block:If500pxPosts}{block:If250pxPosts}width:250px;{/block:If250pxPosts} font-family: 'Oswald', sans-serif; font-size: 9px; line-height:130%; letter-spacing: 1px; color: {color:Text}; margin-left:-10px; text-align:center; text-transform: uppercase; background-color: transparent; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; text-shadow:0 0 2px transparent, 0 0 2px transparent, 0 0 3px transparent, 0 0 4px transparent, 0 0 5px transparent, 0 0 6px transparent, 0 0 7px transparent, 0 0 8px transparent; }
  365.  
  366. .postnotes img { display:none; }
  367.  
  368. #info { background-image: url('{image:Permalink BG}'); background-attachment: fixed; {block:If400pxPosts}width:383px;{/block:If400pxPosts}{block:If500pxPosts}width:483px;{/block:If500pxPosts}{block:If250pxPosts}width:233px;{/block:If250pxPosts}font-family: 'Oswald', sans-serif; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:center; margin-top:15px; padding: 8px; color:{color:Permalink Text}; background-color:{color:Permalink BG}; border:1px solid {color:PostBorderOutline}; }
  369.  
  370. #notes { {block:If400pxPosts}width:383px;{/block:If400pxPosts}{block:If500pxPosts}width:483px;{/block:If500pxPosts}{block:If250pxPosts}width:233px;{/block:If250pxPosts}font-size:13px; font-family:'Oswald', sans-serif; text-transform:uppercase; letter-spacing: 3px; text-align:center; margin-top:5px; margin-bottom: 15px; padding: 8px; color: {color:Text}; background-color:{color:BorderBG}; border:1px solid {color:PostBorderOutline}; }
  371.  
  372. #info a { color:{color:Permalink Links}; }
  373.  
  374. #notes a { color:{color:Permalink Links}; }
  375.  
  376. ol.notes { padding:0px; margin:20px 0px 0px 10px; list-style-type:none; text-align:center; font-size:8px; text-transform:uppercase;letter-spacing:1px; }
  377.  
  378. ol.notes li.note { padding:10px; text-align:center; letter-spacing:1px; font-size:9px; text-transform:uppercase;letter-spacing:1px; }
  379.  
  380. ol.notes li.note img.avatar { vertical-align:-4px; margin-right:10px; max-width:16px; max-height:16px;letter-spacing:1px; }
  381.  
  382. ol.notes li.note span.action { font-weight:none; text-align:center; font-size:9px; text-transform:uppercase;letter-spacing:1px; }
  383.  
  384. ol.notes li.note .answer_content { font-weight:normal; text-align:center; font-size:9px; text-transform:uppercase;letter-spacing:1px; }
  385.  
  386. ol.notes li.note blockquote { padding:1px 5px; margin:10px 0px 0px 25px; text-align:center; font-size:8px; text-transform:uppercase;letter-spacing:1px; }
  387.  
  388. ol.notes li.note blockquote a { text-decoration:none; text-align:center; font-size:9px; text-transform:uppercase;letter-spacing:1px; }
  389.  
  390.  
  391.  
  392.  
  393. /* --- AUDIO. --- */
  394.  
  395.  
  396.  
  397.  
  398. .audio { padding: 0; }
  399.  
  400. .audio_container { overflow: hidden; position: relative; width: 100px; }
  401.  
  402. .soundcloud_audio_player { {block:If400pxPosts}width:400px;{/block:If400pxPosts} {block:If500pxPosts}width:500px;{/block:If500pxPosts} {block:If250pxPosts}width:250px;{/block:If250pxPosts} }
  403.  
  404. .tumblr_audio_player { {block:If400pxPosts}width:400px;{/block:If400pxPosts} {block:If500pxPosts}width:500px;{/block:If500pxPosts} {block:If250pxPosts}width:250px;{/block:If250pxPosts} }
  405.  
  406.  
  407. {CustomCSS}
  408.  
  409. </style>
  410.  
  411. <!-- STYLE-MY-TOOLTIPS SCRIPTS -->
  412. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  413. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  414.  
  415. <script>
  416. (function($){
  417. $(document).ready(function(){
  418. $("a[title]").style_my_tooltips({
  419. tip_follows_cursor:true,
  420. tip_delay_time:100,
  421. tip_fade_speed:600,
  422. attribute:"title"
  423. });
  424. });
  425. })(jQuery);
  426. </script>
  427.  
  428. </head>
  429.  
  430. <body>
  431.  
  432. {block:IfInfiniteScroll}
  433. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  434. {/block:IfInfiniteScroll}
  435.  
  436.  
  437.  
  438. <div id="header_nav">
  439. {block:IfNotInfiniteScroll}{block:Pagination}<div id="left_pagination">{block:PreviousPage}<a href="{PreviousPage}"><font style="color:{color:Links};">◀</font></a>{/block:PreviousPage}</div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  440. <a href="/">home</a><a href="/ask">message</a><a href="/archive">history</a><a href="http://benizora.org">theme</a>{block:IfNotInfiniteScroll}{block:Pagination}<div id="right_pagination">{block:NextPage}<a href="{NextPage}"><font style="color:{color:Links};">▶</font></a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScroll}</div>
  441.  
  442. <div id="header_bg"></div><div id="header_border"></div>
  443.  
  444. <div id="container">
  445.  
  446.  
  447. <div id="left"><img src="{image:Left Sidebar}"></div>
  448. <div id="left_links">
  449.  
  450. {block:IfLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:IfLink1}
  451. {block:IfLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:IfLink2}
  452. {block:IfLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3}
  453. {block:IfLink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:IfLink4}
  454. {block:IfLink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:IfLink5}
  455. {block:IfLink6}<a href="{text:link 6}">{text:link 6 title}</a>{/block:IfLink6}
  456.  
  457. </div>
  458.  
  459. <div id="left_quote_mark">❞</div><div id="left_quote">{text:Left Quote Text}</div>
  460.  
  461. <div id="right_image"><img src="{image:Right Sidebar}"></div>
  462.  
  463.  
  464. <div id="right_title">{Title}
  465.  
  466. <div id="right_desc"><div id="right_desc_text">{Description}</div></div></div>
  467.  
  468. <div id="footer_nav"></div>
  469. <div id="credit"><a target="blank"href="http://benizora.org">☾ BENIZORA.</a></div>
  470.  
  471.  
  472. <div id="border"><div id="contain">
  473.  
  474.  
  475. {block:Posts}<div id="posts">
  476. {block:Text}
  477. {block:Title}<div id="title">{Title}</div>{/block:Title}
  478. {Body}
  479. {/block:Text}
  480.  
  481.  
  482. {block:Photo}
  483.  
  484. {block:If250pxPosts}{LinkOpenTag}<div id="photo"><img src="{PhotoURL-250}" class="center"></div>{LinkCloseTag}{/block:If250pxPosts}{block:If400pxPosts}{LinkOpenTag}<div id="photo"><img src="{PhotoURL-400}" class="center"></div>{LinkCloseTag}{/block:If400pxPosts}{block:If500pxPosts}{LinkOpenTag}<div id="photo"><img src="{PhotoURL-500}" class="center"></div>{LinkCloseTag}{/block:If500pxPosts}
  485.  
  486. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  487.  
  488. {/block:Photo}
  489.  
  490. {block:Photoset}
  491.  
  492. {block:If250pxPosts}{LinkOpenTag}<div id="photo">{Photoset-250}</div>{LinkCloseTag}{/block:If250pxPosts}
  493.  
  494. {block:If400pxPosts}{LinkOpenTag}<div id="photo">{Photoset-400}</div>{LinkCloseTag}{/block:If400pxPosts}
  495.  
  496. {block:If500pxPosts}{LinkOpenTag}<div id="photo">{Photoset-500}</div>{LinkCloseTag}{/block:If500pxPosts}
  497.  
  498. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  499.  
  500.  
  501. {/block:Photoset}
  502.  
  503. {block:Quote}
  504.  
  505.  
  506. <div id="quotes">{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  507.  
  508. {/block:Quote}
  509.  
  510. {block:Link}
  511.  
  512.  
  513. <div id="title">
  514. <a href="{URL}" {Target}>{Name}</a>
  515. </div>
  516. {block:Description}{Description}{/block:Description}
  517.  
  518. {/block:Link}
  519.  
  520. {block:Chat}
  521.  
  522. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  523.  
  524. {/block:Chat}
  525.  
  526.  
  527. {block:Audio}
  528.  
  529. <div class="audioContainer">
  530. {block:AudioEmbed}{block:IfWhiteMusicPlayer}{AudioEmbed color="white"}{/block:IfWhiteMusicPlayer}{block:IfBlackMusicPlayer}{AudioEmbed color="black"}{/block:IfBlackMusicPlayer}{/block:AudioEmbed}
  531. </div>
  532. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  533.  
  534. {/block:Audio}
  535.  
  536.  
  537.  
  538. {block:Video}
  539.  
  540. {block:If250pxPosts}{Video-250}{/block:If250pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}{block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  541.  
  542. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  543.  
  544. {/block:Video}
  545.  
  546.  
  547. {block:Answer}
  548.  
  549.  
  550. <div class="icon"><img src="{AskerPortraitURL-40}" /></div>
  551. <div class="inquisitive"><span class="thoughtful"><a href="{AskerURL}">{Asker}</a> asked:</span><br>{Question}</div><br>{Answer}
  552. {/block:Answer}
  553.  
  554. <div id="permalink"><a href="{Permalink}">{NoteCount} NOTES </a>{block:Date}// <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} // <a href="{ReblogParentURL}">VIA</a> // <a href="{ReblogRootURL}">SOURCE</a>{/block:RebloggedFrom}</div>
  555.  
  556. {block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  557.  
  558.  
  559. {block:PermalinkPage}
  560. {block:Date}<div id="info"><b>POSTED</b> ON {Month} {DayOfMonth}, {Year} AT {24Hour}:{Minutes}{/block:Date} {block:RebloggedFrom} <b>VIA:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  561. {block:ContentSource} <b>SOURCE:</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  562.  
  563. {block:NoteCount}<div id="notes">{NoteCountWithLabel}</div>{/block:NoteCount}
  564.  
  565. {block:PostNotes}<div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes} </div>{/block:PermalinkPage}</div>
  566.  
  567.  
  568. {/block:Posts}
  569.  
  570.  
  571. </body>
  572.  
  573. </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!