API tools faq
paste
Advertisement
benizora

TETHER

benizora
Sep 16th, 2015
5,855
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.99 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. -––––––––––––––––––
  9. T H E M E - 08
  10. -–––––––––––––––––– TETHER. (!!)
  11. by B E N I Z O R A
  12. -––––––––––––––––––
  13.  
  14. DO NOT Steal.
  15. DO NOT Copy Codes.
  16. Thank You!
  17.  
  18. -->
  19.  
  20. <head><title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}"/>
  26. {/block:Description}
  27.  
  28.  
  29. <meta name="color:Scrollbar" content="#ffffff"/>
  30. <meta name="color:Background" content="#1d1d1d"/>
  31. <meta name="color:BG Border" content="#000000"/>
  32. <meta name="color:Sidebar BG" content="#0f0f0f"/>
  33. <meta name="color:Headline" content="#ffffff"/>
  34. <meta name="color:Sidebar Links" content="#b6b6b6"/>
  35. <meta name="color:Sidebar Links Hover" content="#80bbff"/>
  36. <meta name="color:Borders" content="#202020"/>
  37. <meta name="color:Permalink Text" content="#ffffff"/>
  38. <meta name="color:Permalink BG" content="#121212"/>
  39. <meta name="color:Permalink Links" content="#929292"/>
  40. <meta name="color:Permalink Links Hover" content="#bbbbbb"/>
  41. <meta name="color:Tags" content="#bbbbbb"/>
  42. <meta name="color:Tags Hover" content="#5d5d5d"/>
  43. <meta name="color:Post BG" content="#000000"/>
  44. <meta name="color:Tooltip Text" content="#eeeeee"/>
  45. <meta name="color:Tooltip BG" content="#000000"/>
  46.  
  47.  
  48. <meta name="color:Bold Text" content="#ffffff"/>
  49. <meta name="color:Italic Text" content="#80bbff"/>
  50. <meta name="color:Text" content="#8c8c8c"/>
  51.  
  52. <meta name="color:Title Shadow" content="#dfdfdf"/>
  53. <meta name="color:Sidebar Title BG" content="#fff"/>
  54. <meta name="color:Sidebar Title" content="#000"/>
  55.  
  56. <meta name="color:Chat BG" content="#1d1d1d"/>
  57.  
  58. <meta name="color:Links" content="#80bbff"/>
  59. <meta name="color:Links Hover" content="#fff"/>
  60.  
  61.  
  62. <meta name="image:Background" content=""/>
  63. <meta name="image:Sidebar Image" content="https://secure.static.tumblr.com/bde43144700c255f58574235463cd113/e1ydrvt/DGMnuqh02/tumblr_static_dkhm4rhg64o4ksc8ww4kco8ww.jpg"/>
  64. <meta name="image:Sidebar Image 2" content="https://secure.static.tumblr.com/38493253d1e8e57686fd52997ebc3dd9/e1ydrvt/pF8nur2hk/tumblr_static_8dxek9tygb4so8k0w04c8gckk.jpg"/>
  65.  
  66. <meta name="if:ShowCaptions" content="1">
  67. <meta name="if:MonochromePosts" content="0">
  68. <meta name="if:FadingImages" content="0" />
  69. <meta name="if:InfiniteScroll" content="1"/>
  70. <meta name="if:ShowTags" content="1"/>
  71. <meta name="if:400pxPosts" content="1"/>
  72. <meta name="if:500pxPosts" content="0"/>
  73. <meta name="if:BlackMusicPlayer" content="1" />
  74. <meta name="if:WhiteMusicPlayer" content="0" />
  75. <meta name="if:DarkTheme" content="1"/>
  76. <meta name="if:LightTheme" content="0"/>
  77.  
  78. <meta name="text:link 1" content="" />
  79. <meta name="text:link 1 title" content="" />
  80. <meta name="text:link 2" content="" />
  81. <meta name="text:link 2 title" content="" />
  82. <meta name="text:link 3" content="" />
  83. <meta name="text:link 3 title" content="" />
  84.  
  85. <meta name="select:Font" content="Trebuchet MS" title="Trebuchet MS"/>
  86. <meta name="select:Font" content="Arial" title="Arial"/>
  87. <meta name="select:Font" content="Calibri" title="Calibri"/>
  88. <meta name="select:Font" content="Consolas" title="Consolas"/>
  89. <meta name="select:Font" content="Times" title="Times New Roman"/>
  90. <meta name="select:Font" content="Century Gothic" title="Century Gothic"/>
  91. <meta name="select:Font" content="Courier" title="Courier"/>
  92. <meta name="select:Font" content="Cambria" title="Cambria"/>
  93. <meta name="select:Font" content="Georgia" title="Georgia"/>
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=Rationale' rel='stylesheet' type='text/css'>
  96.  
  97.  
  98.  
  99. <!-- TOOLTIPS. -->
  100.  
  101.  
  102.  
  103. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("[title]").style_my_tooltips({
  108. tip_follows_cursor:true,
  109. tip_delay_time:200,
  110. tip_fade_speed:300
  111. }
  112. );
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117. <style type="text/css">
  118.  
  119.  
  120.  
  121.  
  122. /* --- PAGINATION. --- */
  123.  
  124.  
  125.  
  126.  
  127. #pagination { font-size: 10px; padding: 10px 0px; letter-spacing: 2px; text-align: center; width: 99px; margin-left: 0px;}
  128.  
  129. #pagination a { color: {color:Sidebar Links Hover}; }
  130.  
  131. #pagination a:hover { color: {color:Bold Text}; }
  132.  
  133.  
  134.  
  135.  
  136. /* --- GENERAL. --- */
  137.  
  138.  
  139.  
  140.  
  141. #border_left { height:100%; left:0px; top:0px; width:25px; position:fixed; z-index:9999999999999999; background-color:{color:BG Border}; }
  142.  
  143. #border_right { height:100%; right:0px; top:0px; width:20px; position:fixed; float:left; background-color:{color:BG Border}; }
  144.  
  145. #border_top { width:100%; left:0px; top:0px; height:25px; position:fixed; background-color:{color:BG Border}; }
  146.  
  147. #border_bottom { width:100%; left:0px; bottom:0px; height:25px; position:fixed; background-color:{color:BG Border}; }
  148.  
  149. ::-webkit-scrollbar-thumb:vertical { background-color: {color:Scrollbar}; height: 10px; border: 3px solid {color:Sidebar BG}; }
  150.  
  151. ::-webkit-scrollbar-thumb:horizontal { background-color: {color:Scrollbar}; height: 10px!important; border: 3px solid {color:Sidebar BG}; }
  152.  
  153. ::-webkit-scrollbar { background-color: {color:Sidebar BG}; height:7px; width:7px; }
  154.  
  155. h1 { font-weight:normal; font-size:15px; text-align:left; font-style:normal; line-height:100%; letter-spacing:1px; font-family: 'Rationale', sans-serif; text-transform:uppercase; color:{color:Headline}; }
  156.  
  157. h2 { font-weight:normal; font-size:18px; text-align:left; font-style:normal; line-height:100%; letter-spacing:1px; font-family: 'Rationale', sans-serif; text-transform:uppercase; color:{color:Headline}; }
  158.  
  159. h3 { font-weight:normal; font-size:20px; text-align:center; font-style:normal; line-height:100%; letter-spacing:0px; font-family: 'Rationale', sans-serif; text-transform:uppercase; color:{color:Headline}; }
  160.  
  161. a { text-decoration:none; 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; }
  162.  
  163. a:link, a:active, a:visited { color: {color:Links}; }
  164.  
  165. a:hover { color:{color:Links Hover}; }
  166.  
  167. b, strong { font-weight:800; color:{color:Bold Text}; }
  168.  
  169. i, em { font-weight:300; color:{color:Italic Text}; }
  170.  
  171. pre, xmp, plaintext, listing { display: block; white-space: pre; background: {color:Post BG}; padding: 7px; word-wrap: break-word; font: 10px 'Calibri', sans-serif; }
  172.  
  173. #s-m-t-tooltip { display: block;background: {color:Tooltip BG};font-size: 8px;font-family: 'Rationale', 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; }
  174.  
  175. small { line-height:130%; }
  176.  
  177. {block:IfLightTheme}iframe#tumblr_controls { right:20px !important; top:0px; 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; }{/block:IfLightTheme}
  178.  
  179. {block:IfDarkTheme} iframe#tumblr_controls { right:20px !important; top:0px; position: fixed !important; -webkit-filter: invert(0%); -moz-filter: invert(0%); -o-filter: invert(0%); -ms-filter: invert(0%); filter: invert(0%); opacity:0.7; }{/block:IfDarkTheme}
  180.  
  181. img, embed, object, video { max-width: 100%; border: none; }
  182.  
  183. p { line-break: auto; line-break: loose; line-break: normal; line-break: strict; /* Global values */ line-break: inherit; line-break: initial; line-break: unset; }
  184.  
  185. 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; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
  186.  
  187. @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  188.  
  189. @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  190.  
  191. @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  192.  
  193. @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; }} }
  194.  
  195.  
  196.  
  197.  
  198.  
  199. /* --- SIDEBAR. --- */
  200.  
  201.  
  202.  
  203.  
  204.  
  205. #sidebar_image { z-index:999999; width:116px; top:120px; margin-left:80px; z-index:0; background-color: {color:Sidebar BG}; position:fixed; }
  206.  
  207. #sidebar_image img { z-index:999999; width:95px; top:120px; height:95px; margin:auto; padding:10px; border: 1px solid {color:Borders}; background-color:{color:Sidebar BG}; position:fixed; border-radius: 0px 40px 0px 0px; }
  208.  
  209. #sidebar_image2 { z-index:999999; width:118px; top:310px; margin-left:-1px; z-index:0; background-color: {color:Sidebar BG}; position:fixed; }
  210.  
  211. #sidebar_image2 img { z-index:999999; width:100px; top:310px; height:100px; margin:auto; padding:10px; border: 1px solid {color:Borders}; background-color:{color:Sidebar BG}; position:fixed; border-radius: 0px 0px 0px 40px; }
  212.  
  213. #sidebar_links { display:block; width:115px; margin-left:-8px; padding:5px 0px; margin-top:0px; background-color:{color:Sidebar BG}; border:1px solid {color:Borders}; }
  214.  
  215. #sidebar_links a { display:block; width:106px; margin-top:1px; margin-left:4px; z-index:99999; padding:5px 0px; background-color:{color:Sidebar BG}; color:{color:Sidebar Links}; text-align:center; text-transform:uppercase; letter-spacing:2px; font-family: 'Rationale', sans-serif; font-size: 9px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
  216.  
  217. #sidebar_links a:hover { color:{color:Sidebar Links Hover}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
  218.  
  219. #sidebar { text-align:center; z-index:9999; width:100px; top:240px; font-family: 'Rationale', sans-serif; margin-left:0px;padding:7px 7px 8px 8px; position:fixed; }
  220.  
  221. #over{ height:1000px!important; position:absolute; top:0px; left:0px; width: 100%; }
  222.  
  223. #glow { opacity: .99; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; }
  224.  
  225. #glow:hover a { opacity: .20; }
  226.  
  227. #glow a { opacity: .80; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; }
  228.  
  229. #glow a:hover { opacity: .99; }
  230.  
  231. #sidebar_title { overflow:hidden; background-color:{color:Sidebar Title BG}; color:{color:Sidebar Title}; margin-left:-130px; width:100px; height:20px; border:1px solid {color:Borders}; text-transform:uppercase; margin-top:100px; position:fixed; padding:10px; font-size:25px; letter-spacing:2px; text-align:center; line-height:80%; font-family:'Rationale', sans-serif; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; }
  232.  
  233. #sidebar_title a { color: {color:Sidebar Title}; text-shadow:0 0 1px {color:Title Shadow}, 0 0 1px {color:Title Shadow}, 0 0 1px {color:Title Shadow}, 0 0 1px {color:Title Shadow}, 0 0 1px {color:Title Shadow}, 0 0 5px {color:Title Shadow}, 0 0 6px {color:Title Shadow}, 0 0 7px {color:Title Shadow}; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  234.  
  235. #sidebar_title a:hover { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  236.  
  237. #sidebar_desc { width:120px; margin-left:-130px; margin-top:150px; position:fixed; z-index:99999999; letter-spacing:1px; text-align:left; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; border:1px solid {color:Borders}; }
  238.  
  239. #sidebar_desc_text { width:100px; height:60px; color:{color:Text}; position:fixed; z-index:99999999; font-size:8px; overflow-y:scroll; padding:11px 10px 10px 10px; letter-spacing:1px; text-align:left; line-height:140%; background:{color:Sidebar BG}; 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. #sidebar_desc_text b, strong { color: {color:Bold Text}; font-weight:800; }
  242.  
  243. #sidebar_desc_text i, em { color: {color:Italic Text}; font-weight:300; }
  244.  
  245.  
  246.  
  247.  
  248.  
  249. /* --- ENTRIES. --- */
  250.  
  251.  
  252.  
  253.  
  254. #content { top:0px; margin:auto; left:0px; {block:if500pxPosts}width: 750px;{/block:if500pxPosts} {block:if400pxPosts}width: 650px;{/block:if400pxPosts} }
  255.  
  256. #entries { {block:if500pxPosts}width: 500px;{/block:if500pxPosts} {block:if400pxPosts}width: 400px;{/block:if400pxPosts} line-height:130%; background-color: {color:Post BG}; border:1px solid {color:Borders}; font-family: {select:Font}, sans-serif; text-align:justify; padding: 20px; margin: 70px 17px 50px 200px; }
  257.  
  258. #entries b, strong { color: {color:Bold Text}; font-weight:800; }
  259.  
  260. #entries i, em { color: {color:Italic Text}; font-weight:300; }
  261.  
  262. #title { padding:5px 0px; font-size: 25px; text-align: left; font-family:'Rationale', sans-serif; text-transform:uppercase; line-height: 100%; letter-spacing: 1px; color: {color:Headline};}
  263.  
  264. #entries img { {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} }
  265.  
  266. #entries img:hover{ {block:IfMonochromePosts}filter: none; -webkit-filter: grayscale(0); {/block:IfMonochromePosts} {block:ifFadingImages} opacity: 1.1; {/block:ifFadingImages} }
  267.  
  268. #photo{ {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} }
  269.  
  270. #photo img:hover{{block:IfMonochromePosts}filter: none; -webkit-filter: grayscale(0); {/block:IfMonochromePosts} {block:ifFadingImages} opacity: 1.1; {/block:ifFadingImages} }
  271.  
  272. blockquote{ margin-left:15px;padding:2px 10px; {block:If400pxPosts}width: 350px;{/block:If400pxPosts} {block:If500pxPosts}width: 450px;{/block:If500pxPosts} text-transform:none; word-wrap:break-word; letter-spacing:1px; font-family:'Calibri',sans-serif; line-height:130%; border-left:1px solid {color:Bold}; }
  273.  
  274. blockquote img { {block:If400pxPosts}max-width: 370px;{/block:If400pxPosts} {block:If500pxPosts}max-width: 470px;{/block:If500pxPosts} }
  275.  
  276.  
  277.  
  278.  
  279. /* --- QUOTES. --- */
  280.  
  281.  
  282.  
  283.  
  284. #quotes{ border-top:3px solid {color:Background}; padding: 20px 20px; margin-left:-20px; font-family: 'Rationale', sans-serif; text-transform:uppercase; letter-spacing: 1px; line-height: 120%; font-size:21px; color: {color:Bold Text}; text-align: left; }
  285.  
  286. #quote_bottom { border-top: 1px solid {color:Background}; margin-top:20px; margin-left:0px; {block:If400pxPosts}width:420px;{/block:If400pxPosts}{block:If500pxPosts}width:520px;{/block:If500pxPosts} }
  287.  
  288. #sources { background-color:{color:Background}; font-size:8px; font-family:'Calibri',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-align: center; margin-top: -5px; padding:5px; }
  289.  
  290. #captions { background-color:{color:Background}; font-size:9px; font-family:'Calibri',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-align: left; margin-top: 10px; padding:2px 10px; }
  291.  
  292. #captions a { color:{color:Italic Text}; font-size:12px; font-family:'Rationale',sans-serif; text-transform:uppercase; letter-spacing:1px; }
  293.  
  294. #captions a:hover { color:{color:Bold Text}; font-size:12px; font-family:'Rationale',sans-serif; text-transform:uppercase; letter-spacing:1px; }
  295.  
  296.  
  297.  
  298.  
  299. /* --- FOOTER NAV. --- */
  300.  
  301.  
  302.  
  303.  
  304. #footer_nav { left:0px; text-align:right; width:100%; background:transparent; bottom:0px; height:35px; z-index:-9; position:fixed; -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;}
  305.  
  306.  
  307.  
  308.  
  309. /* --- CREDIT. DO NOT TOUCH. --- */
  310.  
  311.  
  312.  
  313.  
  314. #credit a { position:fixed; bottom: 7px; right:5px; display:inline-block; width:100px; color:{color:Links}; font-family:'Rationale', 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; }
  315.  
  316. #credit a:hover { color:{color: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; }
  317.  
  318.  
  319.  
  320.  
  321.  
  322. /* --- ASK. --- */
  323.  
  324.  
  325.  
  326.  
  327. .icon { background:transparent; border:5px solid {color:Background}; width:35px; height:35px; padding:8px; }
  328.  
  329. .inquisitive { padding:15px; margin-top:-60px; margin-left:60px; }
  330.  
  331. .thoughtful { text-transform:uppercase; font-size:14px; font-family: 'Rationale', sans-serif; }
  332.  
  333.  
  334.  
  335.  
  336. /* --- PERMALINK. --- */
  337.  
  338.  
  339.  
  340.  
  341. #permalink { {block:IndexPage} margin-bottom:5px; {block:If400pxPosts} width:420px;{/block:If400pxPosts}{block:If500pxPosts} width:520px;{/block:If500pxPosts} letter-spacing:1px; margin-left:-21px; font-size: 8px; font-family: 'Calibri', sans-serif; border:1px solid {color:Borders}; text-align:left; background-color:{color:Permalink BG}; text-transform:uppercase; color:{color:Permalink Text}; padding:15px 0px 8px 20px; line-height:100%; margin-top:-21px; font-weight:700; margin-bottom: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} }
  342.  
  343. #tags { {block:If400pxPosts}width:350px;{/block:If400pxPosts}{block:If500pxPosts}width:450px;{/block:If500pxPosts}{block:IndexPage} text-align:left; text-transform:uppercase; z-index:2; color:{color:Permalink Text};margin-top:-5px; padding-bottom:7px; line-height:100%; -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; font-weight:700; {/block:IndexPage} {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  344.  
  345. #permalink a { color:{color:Permalink Links}; font: 8px Calibri; font-weight:700; }
  346.  
  347. #permalink a:hover { color:{color:Permalink Links Hover}; }
  348.  
  349. #tags a { {color:Permalink Links}; font: 8px Calibri; font-weight:700; }
  350.  
  351. #tags a:hover { color:{color:Permalink Links Hover}; }
  352.  
  353. .like-reblog{ text-align:right; width:40px; -webkit-transform:scale(.7); transform:scale(.7); color:#fff; opacity:.77; position:relative; text-align:center; {block:if400pxPosts}margin-left:375px;{/block:if400pxPosts}{block:if500pxPosts}margin-left:475px;{/block:if500pxPosts} margin-top:-15px; }
  354.  
  355. .like-reblog:first-child{ margin-top:0!important; }
  356.  
  357. .permalink { font-family:'Rationale', sans-serif; font-size:13px; margin-top:15px; line-height:130%;letter-spacing:1px; color: {color:Text}; text-transform:uppercase; }
  358.  
  359.  
  360.  
  361.  
  362. /* --- NOTES. --- */
  363.  
  364.  
  365.  
  366.  
  367. ol.notes { padding:0px; margin:20px 0px 0px 10px; list-style-type:none; text-align:left; font-size:9px; text-transform:uppercase;letter-spacing:0px; }
  368.  
  369. ol.notes li.note { padding:10px; text-align:left; letter-spacing:1px; font-size:10px; text-transform:uppercase;letter-spacing:0px; }
  370.  
  371. ol.notes li.note img.avatar { vertical-align:-9px; margin-right:10px; max-width:16px; max-height:16px;letter-spacing:0px; background:{color:Borders}; padding:3px; border:2px solid {color:Background}; }
  372.  
  373. ol.notes li.note span.action { font-weight:none; text-align:left; font-size:10px; text-transform:uppercase;letter-spacing:0px; }
  374.  
  375. ol.notes li.note .answer_content { font-weight:normal; text-align:left; font-size:10px; text-transform:uppercase;letter-spacing:0px; }
  376.  
  377. ol.notes li.note blockquote { padding:1px 5px; margin:10px 0px 0px 25px; text-align:left; font-size:9px; text-transform:uppercase;letter-spacing:0px; }
  378.  
  379. ol.notes li.note blockquote a { text-decoration:none; text-align:left; font-size:10px; text-transform:uppercase;letter-spacing:0px; }
  380.  
  381.  
  382.  
  383.  
  384.  
  385. /* --- CHAT. --- */
  386.  
  387.  
  388.  
  389.  
  390. .chat { line-height:20px; list-style:none; }
  391.  
  392. .line.even { background:{color:Chat BG}; padding:5px; list-style:none; font-size:10px; }
  393.  
  394. .line.odd { background:{color:Post BG}; padding:5px; list-style:none; font-size:10px; }
  395.  
  396. .label { padding-right:1px; text-transform:uppercase; font-weight:bold; color:{color:Italic Text}; font-family: 'Rationale', sans-serif; font-size:11px; letter-spacing:1px; }
  397.  
  398.  
  399.  
  400.  
  401.  
  402. /* --- AUDIO. --- */
  403.  
  404.  
  405.  
  406.  
  407. .music { margin-top:-15px; margin-left:-5px; background-color:{color:Post BG}; height:75px; {block:If500pxPosts}width:500px;{/block:If500pxPosts} {block:If400pxPosts}width:400px;{/block:If400pxPosts} margin-bottom:25px; }
  408.  
  409. .musicplayer { height:26px; width:26px; margin-top: 22px; margin-left: 22px; overflow:hidden; opacity:0.6; border: 13px solid {color:Post BG}; position:absolute; z-index:2; }
  410.  
  411. .musicalbum { position:absolute; width:52px; margin-top: 15px; margin-left: 15px; border: 7px solid {color:Background}; }
  412.  
  413. .musicinfo { height: 30px; margin-left:85px; padding:37px 10px 10px 10px; text-align:left; font-family:{select:Font}; color:{color:Bold Text}; font-weight:bold; font-size:9px; line-height:110%; }
  414.  
  415.  
  416. {CustomCSS}
  417.  
  418. </style>
  419.  
  420. {block:IfInfiniteScroll}
  421. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  422. {/block:IfInfiniteScroll}
  423.  
  424. </head>
  425.  
  426. <body>
  427.  
  428. <div id="border_left"></div><div id="border_right"></div><div id="border_top"></div><div id="border_bottom"></div>
  429.  
  430. <div id="footer_nav"></div>
  431. <div id="credit"><a target="blank"href="http://benizora.org">☾ BENIZORA.</a></div>
  432.  
  433.  
  434.  
  435. <div id="content">
  436.  
  437.  
  438.  
  439. <div id="sidebar_image"><img src="{image:Sidebar Image}"></div>
  440. <div id="sidebar_title"><a href="/">{title}</a></div>
  441.  
  442. <div id="sidebar_desc"><div id="sidebar_desc_text">{Description}</div>
  443.  
  444. <div id="sidebar_image2"><img src="{image:Sidebar Image 2}"></div>
  445. </div>
  446. <div id="sidebar">
  447. <div id="sidebar_links"><div id="glow">
  448. <a href="/">home</a>
  449. <a href="/ask">message</a>
  450. <a href="/archive">history</a>
  451. {block:IfLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:IfLink1}
  452. {block:IfLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:IfLink2}
  453. {block:IfLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3}</div></div>
  454.  
  455. {block:IfNotInfiniteScroll}
  456. <div id="pagination">
  457.  
  458. {block:PreviousPage}
  459. <a href="{PreviousPage}" class="jump_page">«</a>
  460. {/block:PreviousPage}
  461.  
  462. {CurrentPage} OF {TotalPages}</span>
  463.  
  464. {block:NextPage}
  465. <a href="{NextPage}" class="jump_page">»</a>
  466. {/block:NextPage}
  467. </div>
  468.  
  469. {/block:IfNotInfiniteScroll}
  470.  
  471.  
  472. </div>
  473.  
  474. {block:Posts}
  475.  
  476. <div id="entries">
  477.  
  478. {block:IndexPage}
  479.  
  480. <div id="permalink"><a href="{Permalink}">{FormattedNoteCount}</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 class="like-reblog">{LikeButton color="grey" size="20"}</div>
  481.  
  482. {block:IfShowTags}{block:HasTags}<div id="tags">Tags: {block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}</div>
  483.  
  484. {/block:IndexPage}
  485.  
  486. {block:Text}
  487.  
  488.  
  489. {block:Title}<div id="title">{Title}</div>{/block:Title}
  490. {Body}
  491.  
  492. {/block:Text}
  493.  
  494.  
  495. {block:Photo}
  496.  
  497.  
  498. {LinkOpenTag}<div id="photo">{block:If500pxPosts}<img src="{PhotoURL-500}" class="center">{block:If500pxPosts}{block:If400pxPosts}<img src="{PhotoURL-400}" class="center">{/block:If400pxPosts}</div>{LinkCloseTag}
  499.  
  500. {block:IfShowCaptions}{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  501.  
  502. {block:IfNotShowCaptions}
  503.  
  504. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  505.  
  506.  
  507. {/block:Photo}
  508.  
  509. {block:Photoset}
  510.  
  511.  
  512.  
  513. {LinkOpenTag}<div id="photo">{block:If500pxPosts}{Photoset-500}{block:If500pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}</div>{LinkCloseTag}
  514.  
  515. {block:IfShowCaptions}{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  516.  
  517. {block:IfNotShowCaptions}
  518.  
  519. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  520.  
  521.  
  522. {/block:Photoset}
  523.  
  524.  
  525.  
  526. {block:Quote}
  527.  
  528.  
  529.  
  530. <div id="quotes">{Quote}<div id="quote_bottom"></div></div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  531.  
  532. {/block:Quote}
  533.  
  534.  
  535.  
  536. {block:Link}
  537.  
  538.  
  539.  
  540. <div id="title">
  541. <a href="{URL}" {Target}>{Name}</a>
  542. </div>
  543. {block:Description}{Description}{/block:Description}
  544.  
  545. {/block:Link}
  546.  
  547.  
  548.  
  549. {block:Chat}
  550.  
  551.  
  552.  
  553. {block:Title}<div id="title">{Title}</div>{/block:Title}
  554. <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  555.  
  556. {/block:Chat}
  557.  
  558.  
  559.  
  560. {block:Audio}
  561.  
  562. <div class="music">{block:AlbumArt}<img class="musicalbum" src="{AlbumArtURL}" style="width:52px;">{/block:AlbumArt}<div class="musicplayer">{block:IfBlackMusicPlayer}{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}{/block:IfBlackMusicPlayer}{block:IfWhiteMusicPlayer}{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}{/block:IfWhiteMusicPlayer}</div><div class="musicinfo">{block:TrackName} <div style="font-family:'Rationale', sans-serif; text-transform:uppercase; letter-spacing:1px; font-size:16px;">{TrackName}</div><br>{/block:TrackName}{block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}</div></div>{block:ifShowCaptions}{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  563.  
  564. {/block:Audio}
  565.  
  566.  
  567. {block:Video}
  568.  
  569.  
  570.  
  571. {block:If500pxPosts}{Video-400}{/block:If500pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  572.  
  573. {block:IfShowCaptions}{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  574.  
  575. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  576.  
  577. {/block:Video}
  578.  
  579.  
  580.  
  581. {block:Answer}
  582.  
  583. <div class="icon"><img src="{AskerPortraitURL-40}" /></div>
  584. <div class="inquisitive"><span class="thoughtful"><a href="{AskerURL}">{Asker}</a> asked:</span><br>{Question}</div><br>{Answer}
  585. {/block:Answer}
  586.  
  587. {block:PermalinkPage}<div class="permalink"><center><div id="date">{DayOfMonthWithZero}{DayOfMonthSuffix}&nbsp;&nbsp;{ShortMonth}&nbsp;|&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;|&nbsp;<a href="{ReblogParentURL}">via</a> |&nbsp;<a href="{ReblogRootURL}">org</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;|&nbsp;<a href="{SourceURL}">source</a>{/block:ContentSource} {block:HasTags}<br>tags &raquo; {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  588.  
  589. {block:PostNotes}
  590. {PostNotes}
  591. {/block:PostNotes}
  592.  
  593. </div>
  594. {/block:PermalinkPage}
  595.  
  596.  
  597. </div>
  598.  
  599.  
  600. {/block:Posts}
  601.  
  602. </div>
  603.  
  604. </div>
  605.  
  606. </body>
  607.  
  608. </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!