API tools faq
paste
Advertisement
benizora

OBEDEAR

benizora
Sep 8th, 2015
7,509
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.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 - 05
  9. -–––––––––––––––––– OBEDEAR. (!!)
  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><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}"/>
  25. {/block:Description}
  26.  
  27. <meta name="color:Background" content="#000000"/>
  28.  
  29. <meta name="color:Text" content="#5c5c5c"/>
  30. <meta name="color:Bold" content="#000"/>
  31. <meta name="color:Italic" content="#9a98ff"/>
  32. <meta name="color:Scrollbar" content="#9a98ff"/>
  33. <meta name="color:Link" content="#9a98ff"/>
  34. <meta name="color:Link Hover" content="#c3c3c3"/>
  35.  
  36. <meta name="color:Blog Title" content="#fff"/>
  37. <meta name="color:Sidebar BG" content="#000"/>
  38. <meta name="color:Sidebar Borders" content="#d1d0ff"/>
  39. <meta name="color:Description Text" content="#9f9f9f"/>
  40. <meta name="color:Description Bold" content="#fff"/>
  41. <meta name="color:Description Italic" content="#9390ff"/>
  42. <meta name="color:Description BG" content="#000"/>
  43. <meta name="color:Small Sidebar" content="#5b59c3"/>
  44. <meta name="color:SidebarLinksTextShadow" content="#42419a"/>
  45. <meta name="color:TitleTextShadow" content="#000"/>
  46. <meta name="color:Sub Title" content="#ffffff"/>
  47.  
  48. <meta name="color:Navigation Links" content="#fff"/>
  49. <meta name="color:Navigation Links Hover" content="#fff"/>
  50. <meta name="color:Navigation Links BG Hover" content="#9a98ff"/>
  51. <meta name="color:Navigation Borders" content="#222"/>
  52.  
  53. <meta name="color:Small Sidebar Links" content="#ececff"/>
  54. <meta name="color:Small Sidebar Hover" content="#32307b"/>
  55. <meta name="color:Small Sidebar Hover Text" content="#9a98ff"/>
  56.  
  57. <meta name="color:Entry Background" content="#fff"/>
  58. <meta name="color:Entry Title" content="#9a98ff"/>
  59. <meta name="color:Post Shadow" content="#9a98ff"/>
  60. <meta name="color:Post Links" content="#9a98ff"/>
  61. <meta name="color:Post Links Hover" content="#c2c0ff"/>
  62. <meta name="color:Blockquote BG" content="#f4f4ff"/>
  63. <meta name="color:Chat Background" content="#f5f5f5"/>
  64.  
  65. <meta name="color:Permalink Links" content="#ffffff"/>
  66. <meta name="color:Permalink Links Hover" content="#6865c3"/>
  67. <meta name="color:Permalink Borders" content="#c2c0ff"/>
  68. <meta name="color:Permalink Notes" content="#aaaaaa"/>
  69. <meta name="color:Permalink Notes Hover" content="#ffffff"/>
  70.  
  71. <meta name="color:Tooltip BG" content="#000000"/>
  72. <meta name="color:Tooltip Text" content="#ffffff"/>
  73.  
  74. <meta name="image:Background" content=""/>
  75. <meta name="image:2nd Background" content=""/>
  76. <meta name="image:SidebarBG" content=""/>
  77.  
  78. <meta name="select:Font" content="Trebuchet MS" title="Trebuchet MS"/>
  79. <meta name="select:Font" content="Arial" title="Arial"/>
  80. <meta name="select:Font" content="Calibri" title="Calibri"/>
  81. <meta name="select:Font" content="Consolas" title="Consolas"/>
  82. <meta name="select:Font" content="Times" title="Times New Roman"/>
  83. <meta name="select:Font" content="Century Gothic" title="Century Gothic"/>
  84. <meta name="select:Font" content="Courier" title="Courier"/>
  85. <meta name="select:Font" content="Cambria" title="Cambria"/>
  86. <meta name="select:Font" content="Georgia" title="Georgia"/>
  87.  
  88. <meta name="text:link 1" content="" />
  89. <meta name="text:link 1 title" content="link 1" />
  90. <meta name="text:link 2" content="" />
  91. <meta name="text:link 2 title" content="link 2" />
  92. <meta name="text:link 3" content="" />
  93. <meta name="text:link 3 title" content="link 3" />
  94. <meta name="text:link 4" content="" />
  95. <meta name="text:link 4 title" content="link 4" />
  96. <meta name="text:link 5" content="" />
  97. <meta name="text:link 5 title" content="link 5" />
  98. <meta name="text:link 6" content="" />
  99. <meta name="text:link 6 title" content="link 6" />
  100. <meta name="text:link 7" content="" />
  101. <meta name="text:link 7 title" content="link 7" />
  102. <meta name="text:link 8" content="" />
  103. <meta name="text:link 8 title" content="link 8" />
  104. <meta name="text:link 9" content="" />
  105. <meta name="text:link 9 title" content="link 9" />
  106. <meta name="text:link 10" content="" />
  107. <meta name="text:link 10 title" content="link 10" />
  108. <meta name="text:Sub Title" content="Enter your sub title here." />
  109.  
  110. <meta name="if:ShowCaptions" content="1">
  111. <meta name="if:MonochromePosts" content="1">
  112. <meta name="if:FadingImages" content="0" />
  113. <meta name="if:InfiniteScroll" content="1"/>
  114. <meta name="if:ShowTags" content="1"/>
  115. <meta name="if:400pxPosts" content="1"/>
  116. <meta name="if:500pxPosts" content="0"/>
  117. <meta name="if:BlackMusicPlayer" content="0" />
  118. <meta name="if:WhiteMusicPlayer" content="1" />
  119.  
  120. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  121.  
  122. <style type="text/css">
  123.  
  124.  
  125.  
  126.  
  127. /* --- GENERAL. --- */
  128.  
  129.  
  130.  
  131.  
  132. h1 { font-weight:normal; font-size:15px; text-align:left; font-style:normal; line-height:100%; letter-spacing:1px; font-family: 'Fjalla One', sans-serif; text-transform:uppercase; color:#000; }
  133.  
  134. h2 { font-weight:normal; font-size:18px; text-align:left; font-style:normal; line-height:100%; letter-spacing:1px; font-family: 'Fjalla One', sans-serif; text-transform:uppercase; color:#28caff; z-index:99999999999999999999999999999; }
  135.  
  136. h3 { font-weight:normal; font-size:20px; text-align:center; font-style:normal; line-height:100%; letter-spacing:0px; font-family: 'Fjalla One', sans-serif; text-transform:uppercase; color:#28ffb1; }
  137.  
  138. iframe#tumblr_controls { right:3px !important; position: fixed !important; opacity: 0.2; filter:alpha(opacity=20); -moz-opacity: 0.2; -khtm -opacity: 0.2; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
  139.  
  140. iframe#tumblr_controls:hover { opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1;-khtml-opacity: 1; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
  141.  
  142. p { line-break: auto; line-break: loose; line-break: normal; line-break: strict; /* Global values */ line-break: inherit; line-break: initial; line-break: unset; }
  143.  
  144. img, embed, object, video { max-width: 100%; border: none; }
  145.  
  146. small { line-height:130%; }
  147.  
  148. pre, xmp, plaintext, listing { display: block; white-space: pre; background: #d6e6f6; padding: 7px; word-wrap: break-word; font: 10px 'Calibri', sans-serif; }
  149.  
  150. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; height:auto; }
  151.  
  152. ::-webkit-scrollbar { height:5px; width:5px; background-color: {color:Background}; border: 3px solid transparent; }
  153.  
  154. #s-m-t-tooltip { display: block;background: {color:Tooltip BG};font-size: 8px;font-family: 'Calibri', 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; }
  155.  
  156. b, strong { font-weight:800; color:{color:Bold}; }
  157.  
  158. i, em { font-weight:300; color:{color:Italic}; }
  159.  
  160. body { background-image: url('{image:Background}'); background-color: {color:Background}; background-attachment: fixed; background-repeat: {text:Background Repeat}; color: {color:Text}; font-family: {font:Body}; font-size: 10px; }
  161.  
  162. a { color: {color:Link}; font-family:'Fjalla One', font-size:16px; san-serif; text-transform:uppercase; text-decoration: none; }
  163.  
  164. a:link, a:active, a:visited { text-decoration: none; color: {color:Link}; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
  165.  
  166. a:hover { color:{color:Link Hover}; text-decoration: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
  167.  
  168.  
  169.  
  170.  
  171. /* --- PAGINATION. --- */
  172.  
  173.  
  174.  
  175. #pagination { display:block; color:{color:Bold}; text-transform:uppercase; text-align:center;letter-spacing:2px;font-size:14px;margin-left:0px;{block:PermalinkPage} display:none; {/block:PermalinkPage} }
  176.  
  177.  
  178.  
  179. /* --- SIDEBAR. --- */
  180.  
  181.  
  182.  
  183.  
  184. #sidebar{ width:400px; height:100%; background-color:{color:Sidebar BG}; background-image: url('{image:SidebarBG}'); background-repeat:no-repeat; background-position:top center; position:fixed; border-right:7px double {color:Sidebar Border}; left:0px; top:0px; -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; }
  185.  
  186. #banner { display:block; font-family:'Fjalla One', san-serif; background-color:transparent; font-size: 40px; margin:200px 0px -50px 75px; color: {color:Blog Title}; text-transform:none; text-align: center; letter-spacing: 3px; padding: 5px 0px; width: 250px; position:fixed; z-index:99999999; text-shadow:0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 5px {color:TitleTextShadow}, 0 0 6px {color:TitleTextShadow}, 0 0 7px {color:TitleTextShadow}; }
  187.  
  188. #banner a{ color: {color:Blog Title}; text-shadow:0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 5px {color:TitleTextShadow}, 0 0 6px {color:TitleTextShadow}, 0 0 7px {color:TitleTextShadow}; -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; }
  189.  
  190. #banner 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; }
  191.  
  192. #subbanner { display:block; font-family:'Fjalla One', san-serif; background-color:transparent; font-size: 11px; color: {color:Sub Title}; text-transform:uppercase; text-align: center; letter-spacing: 1px; padding: 5px 0px 10px 0px; width: 250px; position:fixed; z-index:99999999; text-shadow:0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 1px {color:TitleTextShadow}, 0 0 5px {color:TitleTextShadow}, 0 0 6px {color:TitleTextShadow}, 0 0 7px {color:TitleTextShadow}; -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; }
  193.  
  194. #smsidebar{ width:85px; height:100%; background-color:{color:Small Sidebar}; position:fixed; left:407px; top:0px; }
  195.  
  196. #sidelinks { display:block; width:300px; margin-bottom:5px; }
  197.  
  198. #sidelinks a { display:inline-block; width:51px; border:1px solid {color:Navigation Borders}; letter-spacing:1px; margin-right:2px; color:{color:Navigation Links}; text-align:center; text-transform:uppercase; padding:5px 0px; font-family: 'Fjalla One', 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; }
  199.  
  200. #sidelinks a:hover { color:{color:Navigation Links Hover}; background-color:{color:Navigation Links BG 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; }
  201.  
  202. #sidedesc { width:228px; padding:10px; font-family: 'Calibri', sans-serif; border:1px solid transparent; margin-top:11px; background-color:{color:Description BG}; font-size: 9px; letter-spacing: 1px; line-height:150%;
  203. text-align:justify; text-transform:none; color: {color:Description Text}; position:fixed; z-index:1; border-bottom: 1px dotted {color:Sub Title Border}; }
  204.  
  205. #sidedesc b, strong { font-weight:800; color:{color:Description Bold}; }
  206.  
  207. #sidedesc i, em { font-weight:300; color:{color:Description Italic}; }
  208.  
  209. #awesome { {block:IfNotInfiniteScroll}margin: 8px 0px 10px 0px;{/block:IfNotInfiniteScroll}{block:IfInfiniteScroll}margin: 75px 0px 10px 0px;{/block:IfInfiniteScroll} display:block; width:75px; z-index:99; }
  210.  
  211. #awesome a { z-index:99; display:inline-block; width:75px; padding:5px; margin-left:0px; color:{color:Small Sidebar Links}; text-align:center; text-transform:uppercase; background-color:{color:Small Sidebar}; border-bottom:1px solid {color:Sidebar Borders}; font-family: 'Fjalla One', sans-serif; font-size: 9px; letter-spacing:1px; text-shadow:0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 5px {color:SidebarLinksTextShadow}, 0 0 6px {color:SidebarLinksTextShadow}, 0 0 7px {color:SidebarLinksTextShadow}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
  212.  
  213. #awesome a:hover { width:85px; color:{color:Small Sidebar Hover Text}; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
  214.  
  215. .userpic { width:84px; text-align:center; margin-bottom:13px; }
  216.  
  217. .userpic img { width:70px; height:70px; z-index:99; background-color:{color:Small Sidebar}; padding-bottom:13px; -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. #awesome2 { margin: -20px 0px 10px 0px; display:block; width:75px; z-index:9; }
  220.  
  221. #awesome2 a { z-index:9; display:inline-block; width:75px; padding:5px; margin-left:0px; color:{color:Small Sidebar Links}; text-align:center; text-transform:uppercase; background-color:{color:Small Sidebar}; border-bottom:1px solid {color:Sidebar Borders}; font-family: 'Fjalla One', sans-serif; font-size: 9px; letter-spacing:1px; text-shadow:0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 5px {color:SidebarLinksTextShadow}, 0 0 6px {color:SidebarLinksTextShadow}, 0 0 7px {color:SidebarLinksTextShadow}; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
  222.  
  223. #awesome2 a:hover { width:85px; color:{color:Small Sidebar Hover Text}; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
  224.  
  225.  
  226.  
  227.  
  228. /* --- ENTRY DETAILS. --- */
  229.  
  230.  
  231.  
  232.  
  233. #title { padding-bottom: 3px; font-size: 22px; text-align: center; font-family:'Fjalla One', sans-serif; text-transform:uppercase; line-height: 100%; letter-spacing: 2px; color: {color:Entry Title};}
  234.  
  235. #content { {block:if400pxPosts}width: 400px;{/block:if400pxPosts} {block:if500pxPosts}width: 500px;{/block:if500pxPosts} margin-left:550px; position:relative; }
  236.  
  237. #entries { font-family: {select:Font};, sans-serif; background-color: {color:Entry Background}; color: {color:Text}; top:75px; {block:if400pxPosts}width: 400px;{/block:if400pxPosts} {block:if500pxPosts}width: 500px;{/block:if500pxPosts} font-size: 10px; text-align: left; padding: 20px; margin: 6px 6px 25px 6px; text-align: justify; float:left; position:relative; box-shadow:7px 7px 0px {color:Post Shadow}; -webkit-box-shadow:7px 7px 0px {color:Post Shadow}; -moz-box-shadow:7px 7px 0px {color:Post Shadow}; }
  238.  
  239. #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; }
  240.  
  241. #entries a:hover { color: {color:Link Hover}; text-decoration: none; }
  242.  
  243. #entries img { {block:if500pxPosts}width: 500px;{/block:if500pxPosts} {block:if400pxPosts}width: 400px;{/block:if400pxPosts} }
  244.  
  245. #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} }
  246.  
  247. #photo:hover{ {block:IfMonochromePosts} filter: none; -webkit-filter: grayscale(0); {/block:IfMonochromePosts} {block:ifFadingImages} opacity: 1; {/block:ifFadingImages} }
  248.  
  249. blockquote{ background-color: {color:Blockquote BG}; margin-left:15px;padding:2px 5px; {block:If400pxPosts}width: 350px;{/block:If400pxPosts} {block:If500pxPosts}width: 450px;{/block:If500pxPosts} overflow:hidden; word-wrap:break-word; font-size:10px; letter-spacing:1px; padding:10px; font-family:{select:Font}; line-height:130%; border-left:2px solid {color:Post Shadow}; }
  250.  
  251. blockquote img { {block:If400pxPosts}max-width: 370px;{/block:If400pxPosts} {block:If500pxPosts}max-width: 470px;{/block:If500pxPosts} }
  252.  
  253.  
  254.  
  255.  
  256. /* --- QUOTES. --- */
  257.  
  258.  
  259.  
  260. #quotes{ padding: 5px 10px 10px 10px; font-family: 'Fjalla One', sans-serif; line-height: 120%; font-size:20px; color: {color:Bold}; text-align: center; text-transform:uppercase; font-style:italic; border-bottom:1px solid #eee;}
  261.  
  262. #sources {
  263. font-family: {select:Font};, sans-serif; font-size:9px; letter-spacing:1px; text-align:center; padding: 10px 0px 5px 0px; }
  264.  
  265.  
  266.  
  267.  
  268. /* --- PERMALINK. --- */
  269.  
  270.  
  271.  
  272.  
  273. #permabox { {block:If400pxPosts}margin-left:450px;{/block:If400pxPosts} {block:If500pxPosts}margin-left:550px;{/block:If500pxPosts} width:125px; position:absolute; opacity:0; padding:5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  274.  
  275. #entries:hover #permabox { opacity: 1.1; filter:alpha(opacity=90); -moz-opacity: 0.9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  276.  
  277. #permatitle { font-family:{select:Font}; text-align:left; color:{color:PermalinkText}; text-transform:uppercase; letter-spacing:1px; padding-top:8px; padding-left:10px; font-size:8px; padding-bottom:2px; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  278.  
  279. #permanotes { font-family:'Fjalla One', sans-serif; text-align:left; padding-left:10px; color:{color:Post Links}; letter-spacing:1px; text-transform:uppercase; padding-bottom:5px; font-size:19px; border-bottom:1px solid {color:Permalink Borders}; z-index:999999; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  280.  
  281. #permanotes a { color:{color:Permalink Notes}; z-index:999999; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  282.  
  283. #permanotes a:hover { z-index:999999; color:{color:Permalink Notes Hover}; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  284.  
  285. #permablog { font-family:{select:Font}; text-align:left; color:{color:PermalinkText}; text-transform:uppercase; font-size:8px; padding-left:10px; padding-bottom:6px; border-bottom:1px solid {color:Permalink Borders}; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  286.  
  287. #permatags { font-family:{select:Font}; text-align:left; text-transform:uppercase; color:{color:PermalinkText}; padding-left:10px; font-size:8px; letter-spacing:1px; padding-bottom:6px; padding-top:8px; border-bottom:1px solid {color:Permalink Borders};{block:PermalinkPage} display:none; {/block:PermalinkPage} }
  288.  
  289. #permablog a:link { color: {color:Permalink Links}; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  290.  
  291. #permablog a:hover { color: {color:Permalink Links Hover}; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  292.  
  293. #permatitle a:link { color: {color:Permalink Links}; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  294.  
  295. #permatitle a:hover { color: {color:Permalink Links Hover}; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  296.  
  297. #permatags a:link { color: {color:Permalink Links}; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  298.  
  299. #permatags a:hover { color: {color:Permalink Links Hover}; {block:PermalinkPage} display:none; {/block:PermalinkPage} }
  300.  
  301. .permalink { font-family:'Fjalla One', sans-serif; font-size:11px; margin-top:15px; line-height:130%;letter-spacing:1px; color: {color:Text}; text-transform:uppercase; }
  302.  
  303.  
  304.  
  305.  
  306.  
  307. /* --- ASK. --- */
  308.  
  309.  
  310. .icon { background:transparent; border:5px solid {color:Small Sidebar}; width:35px; height:35px; padding:8px; }
  311.  
  312. .inquisitive { padding:15px; margin-top:-60px; margin-left:60px; }
  313.  
  314. .thoughtful { text-transform:uppercase; font-size:14px; font-family: 'Fjalla One', sans-serif; }
  315.  
  316.  
  317.  
  318. /* --- CHAT. --- */
  319.  
  320.  
  321.  
  322.  
  323. .chat { line-height:20px; list-style:none; }
  324.  
  325. .line.even { background:{color:Chat Background}; padding:5px; list-style:none; font-size:10px; }
  326.  
  327. .line.odd { background:{color:Entry Background}; padding:5px; list-style:none; font-size:10px; }
  328.  
  329. .label { padding-right:1px; text-transform:uppercase; font-weight:bold; color:{color:Italic}; font-family: 'Fjalla One', sans-serif; font-size:11px; letter-spacing:1px; }
  330.  
  331.  
  332.  
  333.  
  334. /* --- NOTES. --- */
  335.  
  336.  
  337.  
  338.  
  339. ol.notes { padding:0px; margin:20px 0px 0px 10px; list-style-type:none; text-align:left; font-size:8px; text-transform:uppercase;letter-spacing:0px; }
  340.  
  341. ol.notes li.note { padding:10px; text-align:left; letter-spacing:1px; font-size:9px; text-transform:uppercase;letter-spacing:0px; }
  342.  
  343. ol.notes li.note img.avatar { vertical-align:-4px; margin-right:10px; max-width:16px; max-height:16px;letter-spacing:0px; }
  344.  
  345. ol.notes li.note span.action { font-weight:none; text-align:left; font-size:9px; text-transform:uppercase;letter-spacing:0px; }
  346.  
  347. ol.notes li.note .answer_content { font-weight:normal; text-align:left; font-size:9px; text-transform:uppercase;letter-spacing:0px; }
  348.  
  349. ol.notes li.note blockquote { padding:1px 5px; margin:10px 0px 0px 25px; text-align:left; font-size:8px; text-transform:uppercase;letter-spacing:0px; }
  350.  
  351. ol.notes li.note blockquote a { text-decoration:none; text-align:left; font-size:9px; text-transform:uppercase;letter-spacing:0px; }
  352.  
  353.  
  354.  
  355.  
  356. /* --- AUDIO. --- */
  357.  
  358.  
  359.  
  360.  
  361. .music { background-color:{color:Chat Background}; height:75px; {block:If500pxPosts}width:500px;{/block:If500pxPosts} {block:If400pxPosts}width:400px;{/block:If400pxPosts} margin-bottom:20px; }
  362.  
  363. .musicplayer { height:26px; width:26px; margin-top: 22px; margin-left: 22px; overflow:hidden; opacity:0.6; border: 3px solid {color:Small Sidebar}; position:absolute; z-index:2; }
  364.  
  365. .musicalbum { position:absolute; width:32px; margin-top: 15px; margin-left: 15px; border: 7px solid {color:Small Sidebar}; }
  366.  
  367. .musicinfo { height: 30px; margin-left:65px; padding:25px 10px 10px 10px; text-align:left; font-family:{select:Font}; color:{color:Bold}; font-weight:bold; font-size:9px; line-height:110%; }
  368.  
  369. #caption { background-color: {color:Blockquote BG}; margin-left:20px;padding:2px 10px;{block:If400pxPosts}width: 340px;{/block:If400pxPosts} {block:If500pxPosts}width: 440px;{/block:If500pxPosts} overflow:auto; font-size:9px; letter-spacing:1px; font-family:{select:Font}; }
  370.  
  371. /* --- CREDIT. ( DO NOT TOUCH ) --- */
  372.  
  373. #credit { position:fixed; right:10px; bottom:15px; width:25px; height:25px; text-align:center; background:transparent; border:1px dashed {color:Italic}; line-height:115%; font-size:20px; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; text-shadow:0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 5px {color:SidebarLinksTextShadow}, 0 0 6px {color:SidebarLinksTextShadow}, 0 0 7px {color:SidebarLinksTextShadow};}
  374.  
  375. #credit:hover { border:2px dashed {color:italic}; color:#fff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;border-radius: 15px; }
  376.  
  377. #credit a{ text-decoration:none; color:{color:italic}; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; text-shadow:0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 5px {color:SidebarLinksTextShadow}, 0 0 6px {color:SidebarLinksTextShadow}, 0 0 7px {color:SidebarLinksTextShadow}; }
  378.  
  379. #credit a:hover { color:#fff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; text-shadow:0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 1px {color:SidebarLinksTextShadow}, 0 0 5px {color:SidebarLinksTextShadow}, 0 0 6px {color:SidebarLinksTextShadow}, 0 0 7px {color:SidebarLinksTextShadow};}
  380.  
  381. {CustomCSS}
  382.  
  383. </style>
  384.  
  385. {block:IfInfiniteScroll}
  386. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  387. {/block:IfInfiniteScroll}
  388.  
  389. </head>
  390. <body>
  391.  
  392. <!-- STYLE-MY-TOOLTIPS SCRIPTS -->
  393. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  394. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  395.  
  396. <script>
  397. (function($){
  398. $(document).ready(function(){
  399. $("a[title]").style_my_tooltips({
  400. tip_follows_cursor:true,
  401. tip_delay_time:100,
  402. tip_fade_speed:600,
  403. attribute:"title"
  404. });
  405. });
  406. })(jQuery);
  407. </script>
  408.  
  409.  
  410.  
  411. <div id="sidebar">
  412. <div id="banner"><a href="/">{title}</a>
  413. <div id="subbanner">{text:Sub Title}
  414. <div id="sidedesc">
  415. <div id="sidelinks">
  416. <a href="/" title="index">☾</a>
  417. <a href="/ask" title="ask">♆</a>
  418. <a href="/archive" title="history">☄</a>
  419. <a href="http://benizora.org" title="theme">☽</a>
  420. </div>
  421.  
  422. {block:Description}{Description}{/block:Description}
  423.  
  424. </div>
  425.  
  426. </div></div></div>
  427.  
  428.  
  429. <div id="smsidebar">{block:IfNotInfiniteScroll}<div style="margin-top:50px">{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><font style="font-family:'Fjalla One',sans-serif; text-transform:uppercase; font-style:normal;">back</font></a>{/block:PreviousPage}</div>{/block:Pagination}</div>{/block:IfNotInfiniteScroll}<div id="awesome">
  430. {block:IfLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:IfLink1}
  431. {block:IfLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:IfLink2}</div>
  432.  
  433. <div class="userpic"><a href="/"><img src="{PortraitURL-96}" width="70" height="70"></a></div>
  434.  
  435. <div id="awesome2">
  436. {block:IfLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3}
  437. {block:IfLink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:IfLink4}
  438. {block:IfLink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:IfLink5}
  439. {block:IfLink6}<a href="{text:link 6}">{text:link 6 title}</a>{/block:IfLink6}
  440. {block:IfLink7}<a href="{text:link 7}">{text:link 7 title}</a>{/block:IfLink7}
  441. {block:IfLink8}<a href="{text:link 8}">{text:link 8 title}</a>{/block:IfLink8}
  442. {block:IfLink9}<a href="{text:link 9}">{text:link 9 title}</a>{/block:IfLink9}
  443. {block:IfLink10}<a href="{text:link 10}">{text:link 10 title}</a>{/block:IfLink10}
  444. </div>
  445. {block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">{block:NextPage}<a href="{NextPage}"><font style="font-family:'Fjalla One',sans-serif; text-transform:uppercase; font-style:normal;">next</font></a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScroll}</div></div>
  446.  
  447. </div>
  448.  
  449. <div id="content">
  450.  
  451.  
  452. {block:Posts}
  453.  
  454. <div id="entries">
  455.  
  456. {block:Text}
  457.  
  458. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  459.  
  460. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  461. {/block:HasTags}{/block:IfShowTags}</div>
  462. {/block:Date}
  463.  
  464. {block:Title}<div id="title">{Title}</div>{/block:Title}
  465. {Body}
  466.  
  467. {/block:Text}
  468.  
  469. {block:Photo}
  470.  
  471. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  472.  
  473. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  474. {/block:HasTags}{/block:IfShowTags}</div>
  475. {/block:Date}
  476.  
  477.  
  478. {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}
  479.  
  480. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  481.  
  482. {block:IfNotShowCaptions}
  483.  
  484. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  485.  
  486.  
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  491.  
  492. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  493. {/block:HasTags}{/block:IfShowTags}</div>
  494. {/block:Date}
  495.  
  496. {block:If400pxPosts}{LinkOpenTag}<div id="photo">{Photoset-400}</div>{LinkCloseTag}{/block:If400pxPosts}
  497.  
  498. {block:If500pxPosts}{LinkOpenTag}<div id="photo">{Photoset-500}</div>{LinkCloseTag}{/block:If500pxPosts}
  499.  
  500. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}
  501.  
  502.  
  503. {/block:Photoset}
  504.  
  505. {block:Quote}
  506.  
  507. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  508.  
  509. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  510. {/block:HasTags}{/block:IfShowTags}</div>
  511. {/block:Date}
  512.  
  513. <div id="quotes">{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  514.  
  515. {/block:Quote}
  516.  
  517. {block:Link}
  518.  
  519. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  520.  
  521. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  522. {/block:HasTags}{/block:IfShowTags}</div>
  523. {/block:Date}
  524.  
  525. <div id="title">
  526. <a href="{URL}" {Target}>{Name}</a>
  527. </div>
  528. {block:Description}{Description}{/block:Description}
  529.  
  530. {/block:Link}
  531.  
  532. {block:Chat}
  533. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  534.  
  535. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  536. {/block:HasTags}{/block:IfShowTags}</div>
  537. {/block:Date}
  538.  
  539. {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>
  540.  
  541. {/block:Chat}
  542.  
  543. {block:Audio}
  544.  
  545. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  546.  
  547. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  548. {/block:HasTags}{/block:IfShowTags}</div>
  549. {/block:Date}
  550.  
  551. <div class="music">{block:AlbumArt}<img class="musicalbum" src="{AlbumArtURL}" style="width:32px;">{/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:georgia;font-style:italic; font-size:12px;">{TrackName}</div><br>{/block:TrackName}{block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}</div></div>{block:ifShowCaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  552.  
  553. {/block:Audio}
  554.  
  555.  
  556. {block:Video}
  557. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  558.  
  559. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  560. {/block:HasTags}{/block:IfShowTags}</div>
  561. {/block:Date}
  562.  
  563. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}{block:If500pxPosts}{Video-500}{/block:If500pxPosts}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  564.  
  565. {/block:Video}
  566.  
  567.  
  568. {block:Answer}
  569.  
  570. {block:Date}<div id="permabox"><div id="permanotes"><a href="{Permalink}">{NoteCount} NOTES</a></div><div id="permatitle"><a href="{Permalink}"> {Timeago}</a></div><div id="permablog">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  571.  
  572. {block:IfShowTags}{block:HasTags}<div id="permatags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>
  573. {/block:HasTags}{/block:IfShowTags}</div>
  574. {/block:Date}
  575.  
  576. <div class="icon"><img src="{AskerPortraitURL-40}" /></div>
  577. <div class="inquisitive"><span class="thoughtful"><a href="{AskerURL}">{Asker}</a> asked:</span><br>{Question}</div><br>{Answer}{/block:Answer}
  578.  
  579.  
  580.  
  581.  
  582. {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>
  583.  
  584. {block:PostNotes}
  585. {PostNotes}
  586. {/block:PostNotes}
  587.  
  588. </div>
  589. {/block:PermalinkPage}
  590.  
  591. </div>
  592.  
  593.  
  594. {/block:Posts}
  595.  
  596. </div>
  597.  
  598. <div id="credit">
  599. <a target="blank"href="http://benizora.org">≈</a></div>
  600.  
  601. <img src="{image:2nd background}" style="position:fixed; max-height: 650px; right:25px; bottom:0px; z-index:-9;">
  602.  
  603. </div>
  604.  
  605. </body>
  606.  
  607. </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!