API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 4th, 2013
35
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!----------------Roleplayer Theme #023----------------->
  6.  
  7. <!-------Guys, don't mess with my credit links. Do------>
  8. <!--------I have to make it even more obnoxious??------->
  9. <!-------Do not remove them. Do not edit them. You------>
  10. <!-------wouldn't photoshop an artist's signature------>
  11. <!------off a piece of fanart, would you? I worked----->
  12. <!--------hard on these, and have a right to sign------->
  13. <!------------------them how I see fit.----------------->
  14. <!--------So do Gabrielle and Vanja. Don't change------->
  15. <!------the scarf links or remove the Ask Box Text------>
  16. <!-----attribution either. Is it annoying to have------>
  17. <!------this block of text here? THEN PEOPLE SHOULD----->
  18. <!-------------STOP REMOVING CREDIT LINKS!!------------->
  19.  
  20. <!-- Ask Box Text by Gabrielle Wee of elletricity.com -->
  21.  
  22. <!---------http://firebender-layouts.tumblr.com--------->
  23.  
  24. <head>
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31.  
  32. <meta name="color:Sidebar" content="#111111"/>
  33. <meta name="color:Entries" content="#000000"/>
  34. <meta name="color:Background" content="#222222"/>
  35. <meta name="color:text" content="#777777"/>
  36. <meta name="color:textA" content="#0000ff"/>
  37. <meta name="color:textB" content="#0000aa"/>
  38. <meta name="color:textC" content="#000066"/>
  39. <meta name="color:Terminal" content="#00ffff"/>
  40. <meta name="color:accentA" content="#00ff00"/>
  41. <meta name="color:accentB" content="#00aa00"/>
  42. <meta name="color:accentC" content="#006600"/>
  43.  
  44. <meta name="if:ShowInfo" content="1"/>
  45. <meta name="if:Blogroll" content="1"/>
  46. <meta name="if:HighlightBlockquote" content="1"/>
  47. <meta name="if:GrayscaleImages" content="1"/>
  48.  
  49. <meta name="image:Background" content=""/>
  50. <meta name="image:SBTexture" content=""/>
  51. <meta name="image:Texture" content=""/>
  52.  
  53. <meta name="text:DisclaimerDivs" content="" />
  54. <meta name="text:AskBlurb" content="" />
  55.  
  56. <meta name="text:Subtitle" content="Subtitle"/>
  57. <meta name="text:YourName" content="Character Name"/>
  58. <meta name="text:BlogrollTitle" content="Following"/>
  59.  
  60. <meta name="text:LinksTitle" content="Custom Links"/>
  61. <meta name="text:PagesTitle" content="Tumblr Pages"/>
  62.  
  63. <meta name="text:Blurb1" content=""/>
  64. <meta name="text:Blurb1Title" content="Blurb One"/>
  65. <meta name="text:Blurb2" content=""/>
  66. <meta name="text:Blurb2Title" content="Blurb Two"/>
  67.  
  68. <meta name="text:link01" content=""/>
  69. <meta name="text:link02" content=""/>
  70. <meta name="text:link03" content=""/>
  71. <meta name="text:link04" content=""/>
  72. <meta name="text:link01Title" content=""/>
  73. <meta name="text:link02Title" content=""/>
  74. <meta name="text:link03Title" content=""/>
  75. <meta name="text:link04Title" content=""/>
  76. <meta name="text:link05" content=""/>
  77. <meta name="text:link06" content=""/>
  78. <meta name="text:link07" content=""/>
  79. <meta name="text:link08" content=""/>
  80. <meta name="text:link05Title" content=""/>
  81. <meta name="text:link06Title" content=""/>
  82. <meta name="text:link07Title" content=""/>
  83. <meta name="text:link08Title" content=""/>
  84. <meta name="text:link09" content=""/>
  85. <meta name="text:link10" content=""/>
  86. <meta name="text:link09Title" content=""/>
  87. <meta name="text:link10Title" content=""/>
  88.  
  89. <link href="http://static.tumblr.com/9uyaufj/V4cmhn80q/fblquickcss.css" rel="stylesheet" type="text/css">
  90. <link href="http://static.tumblr.com/9uyaufj/cOBmhn3lo/lightbox.css" rel="stylesheet" type="text/css">
  91. <link href="http://static.tumblr.com/9uyaufj/BV3mgw05i/facebox.css" rel="stylesheet" type="text/css">
  92.  
  93. <style type="text/css">
  94. @font-face {font-family: 'stereolab';font-style: normal;font-weight: 400;src: local('stereolab'), local('stereolab-regular'), url(http://static.tumblr.com/9uyaufj/Sddmhm5ph/stereola-webfont.woff) format('woff');}
  95. @font-face {font-family: 'frauleinhex';font-style: normal;font-weight: 400;src: local('fraulein_hex'), local('frauleinhex-regular'), url(http://static.tumblr.com/9uyaufj/H97mhm5ov/frau-hex-webfont.woff) format('woff');}
  96. @font-face {font-family: 'feedbackloud';font-style: normal;font-weight: 400;src: local('feedbackloud'), local('feedbackloud-regular'), url(http://static.tumblr.com/9uyaufj/9kZmhm5n1/feedback_loud-webfont.woff) format('woff');}
  97. #facebox .footer {border-top: 1px solid {color:terminal};}#facebox .body {background-color:{color:sidebar};}
  98. body {background-image:url({image:Texture});background-color:{color:background};color:{color:text};font-family:"courier new", monospace;}
  99. #largebg {left:0px;background-image:url({image:background});background-position:bottom left;}
  100. a {color: {color:texta};}
  101. a:hover {color:{color:accentb};}
  102. b, strong{color: {color:Textb};}
  103. i, em {color: {color:textc};}
  104. h1 {white-space:initial;color:{color:texta};font-family:frauleinhex,monospace;text-shadow: 2px 2px {color:entries};text-transform:capitalize;}
  105. h2 {white-space:initial;color:{color:accentc};font-family:frauleinhex,monospace;text-shadow: 2px 2px {color:entries};text-transform:capitalize;}
  106. p {white-space:initial;}
  107. blockquote {white-space:initial;border-left:1px solid {color:terminal};{block:ifhighlightblockquote}background-color:rgba({rgbcolor:sidebar},.3);{/block:ifhighlightblockquote}}
  108. {block:ifGrayscaleImages}img {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out;}
  109. img:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out;}
  110. .nogray {filter: grayscale(0%)!important;-webkit-filter: grayscale(0%)!important;-moz-filter: grayscale(0%)!important;-ms-filter: grayscale(0%)!important;-o-filter: grayscale(0%)!important;}
  111. {/block:ifGrayscaleImages}
  112.  
  113. body::-webkit-scrollbar {width:1px;height:1px}
  114. .permascroller::-webkit-scrollbar {width:15px;height:15px}
  115. .permascroller::-webkit-scrollbar-track{background-color:{color:background};-webkit-border-radius:10px;margin-top:25px;margin-bottom:15px;box-shadow: 0px 0px 10px 5px {color:entries} inset}
  116. .permascroller::-webkit-scrollbar-thumb:window-inactive {background-color:{color:sidebar};box-shadow: 0px 0px 10px 5px {color:entries} inset}
  117. .permascroller::-webkit-scrollbar-thumb {background-color:{color:terminal};-webkit-border-radius:10px;box-shadow: 0px 0px 5px 5px {color:entries} inset}
  118. .permascroller::-webkit-scrollbar-corner {background-color:transparent;}
  119. .elicontain::-webkit-scrollbar {width:15px;height:15px}
  120. .elicontain::-webkit-scrollbar-track{background-color:{color:background};-webkit-border-radius:10px;margin-top:25px;margin-bottom:15px;box-shadow: 0px 0px 10px 5px {color:entries} inset}
  121. .elicontain::-webkit-scrollbar-thumb:window-inactive {background-color:{color:sidebar};box-shadow: 0px 0px 10px 5px {color:entries} inset}
  122. .elicontain::-webkit-scrollbar-thumb {background-color:{color:terminal};-webkit-border-radius:10px;box-shadow: 0px 0px 5px 5px {color:entries} inset}
  123. .elicontain::-webkit-scrollbar-corner {background-color:transparent;}
  124. div::-webkit-scrollbar {width:5px;height:5px;}
  125. div::-webkit-scrollbar-track {background-color:{color:sidebar};}
  126. div::-webkit-scrollbar-thumb {border-radius: 10px;background-color:{color:accenta};}
  127.  
  128. #fblwrapper {position:fixed;bottom:0px;left:0px;right:0px;height:230px;white-space:nowrap;text-align:center;{block:permalinkpage}display:none;{/block:permalinkpage}}
  129.  
  130. div.scrollingHotSpotLeft {min-width: 75px;width: 10%;height: 100%;position: absolute;z-index: 200;left: 0;}
  131. div.scrollingHotSpotLeftVisible {background-color: {color:terminal};zoom: 1;-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/F1mmhltpo/scrollmask_left.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center left;}
  132. div.scrollingHotSpotRight {min-width: 75px;width: 10%;height: 100%;position: absolute;z-index: 200;right: 0;}
  133. div.scrollingHotSpotRightVisible {background-color: {color:terminal};-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/noAmhltq6/scrollmask_right.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center right;zoom: 1;}
  134. div.scrollWrapper {position: relative;overflow: hidden;width: 100%;height: 100%;text-align:center;}
  135. div.scrollableArea {position: relative;width: auto;height: 100%;text-align:center;}
  136.  
  137. .entrysmall {background-color:rgba({rgbcolor:terminal},.2);border:3px groove {color:terminal};width:250px;height:200px;margin-bottom:20px;margin-left:10px;margin-right:10px;display:inline-block;white-space:nowrap;position:relative;}
  138. .terminal {background-color:{color:terminal};z-index:-1;-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/U90mhlund/terminalmask.png);position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
  139. .entrylarge {background-color:rgba({rgbcolor:terminal},.2);border:3px groove {color:terminal};position:fixed;bottom:0px;left:50%;right:50%;z-index:99;-webkit-backface-visibility: hidden;}
  140. .entryhover {position:absolute;bottom:0px;top:50%;left:30px;right:30px; }
  141. .entryhover:hover .entrylarge {opacity:1; top:50px;left:100px;right:100px;bottom:100px;}
  142. .entrymask {background-image:url({image:Texture});background-color:{color:background};opacity:.9;position:fixed;top:0px;left:0px;right:0px;bottom:0px;display:none;z-index:98; }
  143. .entryhover:hover .entrymask {display:block}
  144. .entrylargeinner {position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:20px;white-space:initial;text-align:center;overflow:hidden;}
  145. .smallcontain {position:absolute;top:5px;bottom:5px;left:5px;right:5px;white-space:initial;}
  146. .smalldeets {position:absolute;top:0px;bottom:0px;left:0px;right:0px;white-space:initial;overflow-y:auto;}
  147. .smalliconholder {position:absolute;top:0px;bottom:0px;left:0px;right:0px;text-align:center;background-position:center bottom;background-repeat:no-repeat;}
  148. .iconholderphoto {background-size:contain;}
  149. .smallbacker {background-color:{color:accentb};-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/F98mhm3x1/foldermask.png);z-index:-1;position:absolute;top:0px;bottom:0px;left:0px;right:0px;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center bottom; }
  150. .smalloverlay {position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-repeat:no-repeat;background-position:center bottom;}
  151. .smalldeets span {background-color:rgba({rgbcolor:entries},.7);}
  152. .smalldeettitle {color:{color:accentb};text-shadow:2px 2px 2px {color:textb};font-size:25px;display:block;text-transform:uppercase;}
  153. .smalldeettitle:hover {color:{color:accenta};text-shadow:3px 3px 2px {color:sidebar};}
  154. .entrysmall:hover .smallbacker {background-color:{color:accenta};}
  155.  
  156. .overlaytext {background-image:url(http://static.tumblr.com/9uyaufj/Hnnmhm3zh/textoverlay.png);}
  157. .overlayphotoset {background-image:url(http://static.tumblr.com/9uyaufj/Welmhm3yh/photosetoverlay.png);}
  158. .overlayquote {background-image:url(http://static.tumblr.com/9uyaufj/k1fmhm3yy/quoteoverlay.png);}
  159. .overlaychat {background-image:url(http://static.tumblr.com/9uyaufj/6hmmhm3y0/chatoverlay.png);}
  160. .overlayaudio {background-image:url(http://static.tumblr.com/9uyaufj/ltgmhm3xj/audiooverlay.png);}
  161. .overlayvideo {background-image:url(http://static.tumblr.com/9uyaufj/aLHmhm3zz/videooverlay.png);}
  162. .overlayfollowing {background-image:url(http://static.tumblr.com/9uyaufj/DWmmhnd4o/followingoverlay.png);}
  163.  
  164. .elicontain {background-color:rgba({rgbcolor:entries},.8);display:inline-block;width:710px;text-align:justify;overflow:auto;height:100%;box-sizing:border-box;padding:10px;}
  165. .elideets {background-color:rgba({rgbcolor:terminal},.1);padding-left:10px;margin-top:20px;display:block;}
  166. .eliperma {background-color:{color:terminal};display:block;position:absolute;top:0px;left:0px;bottom:0px;width:10%;-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/in8mhnqq4/rawrbrush_pack_by_dinosaysrawr_19xl.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: top left;-webkit-mask-size:contain; }
  167. .eliperma:hover {background-color:{color:accenta};}
  168. .quoteshort, .largeinnertitle {color:{color:textb};text-shadow:0px 0px 15px {color:terminal};font-size:45px;font-family:frauleinhex,monospace;text-align:center;display:block;}
  169. .quotelong, .quotemedium {background-color:rgba({rgbcolor:terminal},.1);border-left:2px double {color:accentb};display:block;}
  170. .questionimg {display:inline-block;text-align:center;width:150px;vertical-align:top;padding-top:10px;}
  171. .questiontext {display:inline-block;box-sizing:border-box;padding:10px;width: calc(100% - 160px);width: -moz-calc(100% - 160px);width: -ms-calc(100% - 160px);width: -o-calc(100% - 160px);width: -webkit-calc(100% - 160px);word-wrap:break-word;}
  172.  
  173. .permascroller {position:fixed;top:0px;left:0px;right:40px;bottom:0px;overflow:auto;padding-top:50px;padding-left:40px;}
  174. .permaentry {background-color:rgba({rgbcolor:terminal},.2);border:3px groove {color:terminal};position:relative;margin-left:auto;margin-right:auto;width:730px;}
  175. .peinner {background-color:rgba({rgbcolor:entries},.6);margin:50px 100px; padding:10px;width:510px}
  176. .permanote {top:-27px;margin-bottom:50px;}
  177. .permafooter {height:1px;}
  178. #notemenucontain {position:relative;margin-left:auto;margin-right:auto;width: 900px;height: 220px;top: -25px;left: -50px;z-index:-1; }
  179. #notemenubacking {background-color:{color:terminal};position:absolute;top:0px;bottom:0px;left:0px;right:0px;-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/Yy7mhnpwq/tech__brushes_by_tazni_129xl.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size:contain;}
  180. #notemenuoverlay {border:2px ridge {color:terminal};background-color:rgba({rgbcolor:terminal},.1);position:absolute;left: 285px;top: 63px;right: 37px;max-height:0px;overflow:hidden;-webkit-backface-visibility: hidden;}
  181. #notemenucontain:hover #notemenuoverlay {max-height:140px;}
  182. .peideets {background-color:rgba({rgbcolor:entries},.8);padding-left:5px;padding-right:5px;margin:10px;display:block;overflow:auto;max-height:120px;}
  183. .spantags a {color:{color:text};}
  184. .spantags a:hover {color:{color:texta};}
  185.  
  186. .blogrollbox {display:inline-block;height:128px;width:128px;margin:10px;position:relative; }
  187. .brbacking {background-color:{color:accenta};-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/gxpmhnx0g/broverlay2.png);position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
  188. .brimage {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/Imfmhnx34/tech__2__29.png);position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
  189. .brhover {background-color:{color:terminal};-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/sqMmhnx52/broverlay1.png);position:absolute;top:5px;left:5px;right:5px;bottom:5px;opacity:0;-webkit-mask-size: contain;-webkit-mask-repeat:no-repeat; }
  190. .blogrollbox:hover .brhover {opacity:.8}
  191. .brdeets {border:1px solid {color:terminal};background-color:rgba({rgbcolor:entries},.7);position:absolute;top:20px;bottom:20px;left:-20px;right:-20px;opacity:0; }
  192. .blogrollbox:hover .brdeets {opacity:1}
  193.  
  194. #bodyback {position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:-9999;}
  195. #maintitle {color:{color:accenta};text-shadow:0px 0px 25px {color:sidebar};position:fixed;top:0px;left:0px;right:0px;padding-top:100px;padding-left:100px;padding-right:100px;text-align:center;font-family:feedbackloud,monospace;font-size:100px;}
  196. .permamaintitle {color:{color:accenta};text-shadow:0px 0px 25px {color:sidebar};font-family:feedbackloud,monospace;font-size:100px;text-align:center;margin-bottom:20px;}
  197.  
  198. #descbox {{block:permalinkpage}z-index:1000;{/block:permalinkpage}position:fixed;height:400px;width:500px;right:-420px;top:-100px;-webkit-backface-visibility: hidden;
  199. -ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);
  200. -webkit-transition-property: -webkit-transform, right, top;-moz-transition-property: -moz-transform, right, top;
  201. -o-transition-property: -o-transform, right, top;transition-property: transform, right, top;
  202. -webkit-transition-duration: 1s, 2s, .5s;-moz-transition-duration: 1s, 2s, .5s;-o-transition-duration: 1s, 2s, .5s;transition-duration: 1s, 2s, .5s;
  203. -webkit-transition-delay: 0s, 1s, 0s;-moz-transition-delay: 0s, 1s, 0s;-o-transition-delay: 0s, 1s, 0s;transition-delay: 0s, 1s, 0s;
  204. -webkit-transition-timing-function: ease out, cubic-bezier(1.000, -0.600, 0.565, 0.335), linear;
  205. -moz-transition-timing-function: ease out, cubic-bezier(1.000, -0.600, 0.565, 0.335), linear;
  206. -o-transition-timing-function: ease out, cubic-bezier(1.000, -0.600, 0.565, 0.335), linear;
  207. transition-timing-function: ease out, cubic-bezier(1.000, -0.600, 0.565, 0.335), linear;}
  208. #descbox:hover {{block:indexpage}right:10px;{/block:indexpage}{block:permalinkpage}right:65px;{/block:permalinkpage}top:10px;-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
  209. .descbackside {background-color:{color:background};-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/xiymho0ml/menuunderside.png);position:absolute;top:0px;left:0px;right:0px;bottom:0px;-webkit-mask-repeat:no-repeat;}
  210. .descoverlay {background-color:{color:sidebar};-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/Estmho0eu/menuoverlay.png);position:absolute;top:0px;left:0px;right:0px;bottom:0px;-webkit-mask-repeat:no-repeat;}
  211. .descdisplay {background-color:rgba({rgbcolor:terminal},.3);background-image:url(http://static.tumblr.com/9uyaufj/rQBmho2nx/menubackground.png);position:absolute;left:45px;right:26px;top:36px;bottom:66px;overflow:auto;text-align:justify;padding:10px;}
  212. .descnav {position:absolute;top:363px;left:70px;right:10px;text-align:center;}
  213. .descnavback {background-color:{color:sidebar};display:inline-block;height:45px;width:75px;-webkit-backface-visibility: hidden;}
  214. .descnavback:hover {background-color:{color:terminal};}
  215. .descnavhome {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/ygKmho90v/icon_home.png);}
  216. .descnavask {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/1FEmho91f/icon_ask.png);}
  217. .descnavtheme {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/oxvmho92j/icon_theme.png);}
  218. .descnavsubmit {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/VVxmho9cx/icon_submit.png);}
  219. .descnavarchive {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/4Jymho9de/icon_archive.png);}
  220. .subtitle {color:{color:accenta};text-shadow:0px 0px 15px {color:texta};font-size:55px;font-family:stereolab,monospace;text-align:center;}
  221.  
  222. #leftmenu {{block:permalinkpage}z-index:1000;{/block:permalinkpage}position:fixed;width:332px;height:564px;top:-153px;left:-124px;-webkit-backface-visibility: hidden;
  223. -webkit-transition-property: left, top;-moz-transition-property: left, top;-o-transition-property: left, top;transition-property: left, top;
  224. -webkit-transition-duration: 2s, 1.7s;-moz-transition-duration: 2s, 1.7s;-o-transition-duration: 2s, 1.7s;transition-duration: 2s, 1.7s;
  225. -webkit-transition-delay: 1.5s, 1.8s;-moz-transition-delay: 1.5s, 1.8s;-o-transition-delay: 1.5s, 1.8s;transition-delay: 1.5s, 1.8s;
  226. -webkit-transition-timing-function: cubic-bezier(0.505, -0.600, 0.430, 1.000), cubic-bezier(1.000, -0.600, 0.500, 0.500);
  227. -moz-transition-timing-function: cubic-bezier(0.505, -0.600, 0.430, 1.000), cubic-bezier(1.000, -0.600, 0.500, 0.500);
  228. -o-transition-timing-function: cubic-bezier(0.505, -0.600, 0.430, 1.000), cubic-bezier(1.000, -0.600, 0.500, 0.500);
  229. transition-timing-function: cubic-bezier(0.505, -0.600, 0.430, 1.000), cubic-bezier(1.000, -0.600, 0.500, 0.500);}
  230. .leftmenubacking {background-color:{color:terminal};-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/QKWmhowed/leftmenu.png);position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
  231. #leftmenu:hover {left:0px;top:-125px;z-index:99;-webkit-transition-delay: 0s, .3s;-moz-transition-delay: 0s, .3s;-o-transition-delay: 0s, .3s;transition-delay: 0s, .3s;}
  232.  
  233. .lefthoriback {border:1px solid {color:terminal};background-color:rgba({rgbcolor:terminal},.1);position:absolute;top:248px;width:300px;left:-300px;height:0px;opacity:0;-webkit-backface-visibility: hidden;
  234. -webkit-transition-property: opacity, left, height;-moz-transition-property: opacity, left, height;-o-transition-property: opacity, left, height;transition-property: opacity, left, height;
  235. -webkit-transition-duration: 1s, 2s, 1.5s;-moz-transition-duration: 1s, 2s, 1.5s;-o-transition-duration: 1s, 2s, 1.5s;transition-duration: 1s, 2s, 1.5s;
  236. -webkit-transition-delay: 2s, 1.5s, 0s;-moz-transition-delay: 2s, 1.5s, 0s;-o-transition-delay: 2s, 1.5s, 0s;transition-delay: 2s, 1.5s, 0s;
  237. -webkit-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  238. -moz-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  239. -o-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  240. transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);}
  241. #leftmenu:hover .lefthoriback {left:160px;height:225px;opacity:1;
  242. -webkit-transition-property: opacity, left, height;-moz-transition-property: opacity, left, height;-o-transition-property: opacity, left, height;transition-property: opacity, left, height;
  243. -webkit-transition-duration: 1s, 2s, 1.5s;-moz-transition-duration: 1s, 2s, 1.5s;-o-transition-duration: 1s, 2s, 1.5s;transition-duration: 1s, 2s, 1.5s;
  244. -webkit-transition-delay: 1.9s, 1.9s, 3.9s;-moz-transition-delay: 1.9s, 1.9s, 3.9s;-o-transition-delay: 1.9s, 1.9s, 3.9s;transition-delay: 1.9s, 1.9s, 3.9s;
  245. -webkit-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  246. -moz-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  247. -o-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  248. transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);}
  249.  
  250. .leftcornerback {border:1px solid {color:terminal};background-color:rgba({rgbcolor:terminal},.1);position:absolute;left:180px;height:0px;top:200px;width:0px;opacity:0;
  251. -webkit-transition-property: opacity, height, width;-moz-transition-property: opacity, height, width;-o-transition-property: opacity, height, width;transition-property: opacity, height, width;
  252. -webkit-transition-duration: 1s, 1.6s, 1.5s;-moz-transition-duration: 1s, 1.6s, 1.5s;-o-transition-duration: 1s, 1.6s, 1.5s;transition-duration: 1s, 1.6s, 1.5s;
  253. -webkit-transition-delay: 1s, 0s, 0s;-moz-transition-delay: 1s, 0s, 0s;-o-transition-delay: 1s, 0s, 0s;transition-delay: 1s, 0s, 0s;
  254. -webkit-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  255. -moz-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  256. -o-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  257. transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);}
  258. #leftmenu:hover .leftcornerback {opacity:1;width:270px;height:235px;
  259. -webkit-transition-property: opacity, height, width;-moz-transition-property: opacity, height, width;-o-transition-property: opacity, height, width;transition-property: opacity, height, width;
  260. -webkit-transition-duration: 1s, 1.5s, 1.5s;-moz-transition-duration: 1s, 1.5s, 1.5s;-o-transition-duration: 1s, 1.5s, 1.5s;transition-duration: 1s, 1.5s, 1.5s;
  261. -webkit-transition-delay: 3.9s, 3.9s, 3.9s;-moz-transition-delay: 3.9s, 3.9s, 3.9s;-o-transition-delay: 3.9s, 3.9s, 3.9s;transition-delay: 3.9s, 3.9s, 3.9s;
  262. -webkit-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  263. -moz-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  264. -o-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  265. transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);}
  266.  
  267. .leftvertiback {border:1px solid {color:terminal};background-color:rgba({rgbcolor:terminal},.1);position:absolute;left:200px;height:260px;top:-265px;width:0px;opacity:0;overflow:hidden;
  268. -webkit-transition-property: opacity, top, width;-moz-transition-property: opacity, top, width;-o-transition-property: opacity, top, width;transition-property: opacity, top, width;
  269. -webkit-transition-duration: 1s, 2s, 1.5s;-moz-transition-duration: 1s, 2s, 1.5s;-o-transition-duration: 1s, 2s, 1.5s;transition-duration: 1s, 2s, 1.5s;
  270. -webkit-transition-delay: 2s, 1.5s, 0s;-moz-transition-delay: 2s, 1.5s, 0s;-o-transition-delay: 2s, 1.5s, 0s;transition-delay: 2s, 1.5s, 0s;
  271. -webkit-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  272. -moz-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  273. -o-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  274. transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);}
  275. #leftmenu:hover .leftvertiback {opacity:1;width:265px;top:185px;
  276. -webkit-transition-property: opacity, top, width;-moz-transition-property: opacity, top, width;-o-transition-property: opacity, top, width;transition-property: opacity, top, width;
  277. -webkit-transition-duration: 1s, 2s, 1.5s;-moz-transition-duration: 1s, 2s, 1.5s;-o-transition-duration: 1s, 2s, 1.5s;transition-duration: 1s, 2s, 1.5s;
  278. -webkit-transition-delay: 1.9s, 1.9s, 3.9s;-moz-transition-delay: 1.9s, 1.9s, 3.9s;-o-transition-delay: 1.9s, 1.9s, 3.9s;transition-delay: 1.9s, 1.9s, 3.9s;
  279. -webkit-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  280. -moz-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  281. -o-transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);
  282. transition-timing-function: linear, cubic-bezier(0.420, 0.000, 0.580, 1.000), cubic-bezier(0.500, 0.000, 0.750, 0.750);}
  283. .leftvertiback:hover {overflow:visible;}
  284.  
  285. .leftmenucomposite {background-color:rgba({rgbcolor:entries},.5);position:absolute;top:20px;left:5px;right:20px;bottom:15px;width:230px;padding-left:5px;padding-right:5px;}
  286. .composite {color:{color:terminal};display:block;text-align:center;margin-top:0px;margin-bottom:2px;padding-bottom:2px;position:relative;}
  287. .compositefirst {border-bottom:2px solid {color:terminal};font-size:18px;}
  288. .compositebody {border:1px solid {color:terminal};border-top:none;cursor:help;}
  289. .compositebody:hover {color:{color:sidebar};}
  290. .compositelast {font-size:20px}
  291.  
  292. .compositespike {border:1px solid {color:terminal};position:absolute;left:0px;top:8px;width:0px;height:0px;opacity:0;
  293. -webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;
  294. -webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;
  295. -webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s;
  296. -webkit-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  297. -moz-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  298. -ms-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  299. -o-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  300. transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);}
  301.  
  302. .compositebody:hover .compositespike {opacity:1;width:580px;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
  303. .spikedrop {position:absolute;top:0px;right:10px;width:300px;height:0px;overflow:hidden;z-index:3;
  304. -webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;
  305. -webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;
  306. -webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;
  307. -webkit-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  308. -moz-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  309. -ms-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  310. -o-transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);
  311. transition-timing-function: cubic-bezier(0.500, 0.005, 0.500, 1.000);}
  312.  
  313. .compositebody:hover .spikedrop {height:300px;-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;}
  314.  
  315. .spikemargin {position:absolute;left:175px;width:200px;height:320px;top:-20px;z-index:2}
  316. .spikeback {background-color:{color:sidebar};position:absolute;top:0px;left:0px;right:0px;bottom:0px;-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/DYCmhphb2/blurbmask.png);}
  317. .spikecontent {position:absolute;top:75px;left:30px;right:1px;bottom:1px;overflow:auto;padding-right:5px;padding-bottom:5px;}
  318. .spiketitle {color:{color:accentb};position:absolute;top:26px;left:30px;height:47px;font-size:30px;font-family:frauleinhex;line-height:47px;}
  319.  
  320. .contentspikelink {color:{color:texta};border:1px solid {color:accenta};border-top:none;
  321. background: -moz-linear-gradient(top, rgba({rgbcolor:accenta},0) 0%, rgba({rgbcolor:accenta},1) 100%);
  322. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({rgbcolor:accenta},0)), color-stop(100%,rgba({rgbcolor:accenta},1)));
  323. background: -webkit-linear-gradient(top, rgba({rgbcolor:accenta},0) 0%,rgba({rgbcolor:accenta},1) 100%);
  324. background: -o-linear-gradient(top, rgba({rgbcolor:accenta},0) 0%,rgba({rgbcolor:accenta},1) 100%);
  325. background: -ms-linear-gradient(top, rgba({rgbcolor:accenta},0) 0%,rgba({rgbcolor:accenta},1) 100%);
  326. background: linear-gradient(to bottom, rgba({rgbcolor:accenta},0) 0%,rgba({rgbcolor:accenta},1) 100%);
  327. display:block;margin-bottom:2px;padding-bottom:2px;margin-left:20px;margin-right:20px}
  328. .contentspikelink:hover {color:{accenta};border:1px solid {color:texta};border-top:none;
  329. background: -moz-linear-gradient(top, rgba({rgbcolor:texta},0) 0%, rgba({rgbcolor:texta},1) 100%);
  330. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({rgbcolor:texta},0)), color-stop(100%,rgba({rgbcolor:texta},1)));
  331. background: -webkit-linear-gradient(top, rgba({rgbcolor:texta},0) 0%,rgba({rgbcolor:texta},1) 100%);
  332. background: -o-linear-gradient(top, rgba({rgbcolor:texta},0) 0%,rgba({rgbcolor:texta},1) 100%);
  333. background: -ms-linear-gradient(top, rgba({rgbcolor:texta},0) 0%,rgba({rgbcolor:texta},1) 100%);
  334. background: linear-gradient(to bottom, rgba({rgbcolor:texta},0) 0%,rgba({rgbcolor:texta},1) 100%);}
  335.  
  336. .pagihex {background-color:{color:accentb};display:inline-block;height:65px;width:75px;margin-top:30px;}
  337. .pagihex:hover {background-color:{color:texta};}
  338. .pagiprev {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/F1mmhltpo/scrollmask_left.png);}
  339. .paginext {-webkit-mask-image: url(http://static.tumblr.com/9uyaufj/noAmhltq6/scrollmask_right.png);}
  340. .paginumbers {background-color:rgba({rgbcolor:entries},.8);display:block;margin-top:10px;font-size:30px;}
  341. .currentpage {color:{color:sidebar};}
  342.  
  343. {customCSS}
  344. #ask_hide #ask {display:none;}
  345. </style>
  346. </head>
  347.  
  348. <body>
  349. <div id="overDiv" style="position:absolute; visibility:hidden; z-index:999999;"></div>
  350. {block:indexpage}<div id="bodyback"></div>{/block:indexpage}
  351. <div id="largebg"></div>
  352. {text:disclaimerdivs}
  353.  
  354. {block:indexpage}<div id="maintitle">{Title}</div>{/block:indexpage}
  355.  
  356. <div id="descbox">
  357. <div class="descbackside"></div>
  358. <div class="descoverlay"></div>
  359. <div class="descdisplay"><p class="subtitle">{text:subTitle}</p>{Description}</b></strong></big></large></small></i></em></u></a></h1></h2>
  360. </div>
  361. <div class="descnav">
  362. <a href="/" class="descnavback descnavhome"></a>
  363. {block:AskEnabled}<a href="/ask" class="descnavback descnavask"></a>{/block:AskEnabled}
  364. {block:SubmissionsEnabled}<a href="/submit" class="descnavback descnavsubmit"></a>{/block:SubmissionsEnabled}
  365. <a href="/archive" class="descnavback descnavarchive"></a>
  366. <a href="http://firebender-layouts.tumblr.com" title="Theme" class="descnavback descnavtheme"></a>
  367. </div>
  368. </div>
  369.  
  370. <div id="leftmenu">
  371. <div class="leftmenubacking"></div>
  372. <div class="lefthoriback"></div>
  373. <div class="leftcornerback"></div>
  374. <div class="leftvertiback">
  375. <div class="leftmenucomposite fbl5pxrad">
  376. <div class="composite compositefirst">user: {text:YourName}</div>
  377. <a class="composite compositebody" href="/">Home</a>
  378. {block:askenabled}<a class="composite compositebody" href="/ask">{AskLabel}</a>{/block:askenabled}
  379. {block:submissionsenabled}<a class="composite compositebody" href="/submit">{SubmitLabel}</a>{/block:submissionsenabled}
  380. <a class="composite compositebody" href="/archive">Archive</a>
  381. {block:ifblurb1}<div class="composite compositebody">{text:Blurb1Title}
  382. <div class="compositespike">
  383. <div class="spikemargin"></div>
  384. <div class="spikedrop">
  385. <div class="spikeback"></div>
  386. <div class="spikecontent">
  387. {text:Blurb1}
  388. </b></strong></big></large></small></i></em></u></a></h1></h2></span>
  389. </div>
  390. <div class="spiketitle">{text:Blurb1Title}</div>
  391. </div></div>
  392. </div>{/block:ifblurb1}
  393. {block:ifblurb2}<div class="composite compositebody">{text:Blurb2Title}
  394. <div class="compositespike">
  395. <div class="spikemargin"></div>
  396. <div class="spikedrop">
  397. <div class="spikeback"></div>
  398. <div class="spikecontent">
  399. {text:Blurb2}
  400. </b></strong></big></large></small></i></em></u></a></h1></h2></span>
  401. </div>
  402. <div class="spiketitle">{text:Blurb2Title}</div>
  403. </div></div>
  404. </div>{/block:ifblurb2}
  405. {block:iflinkstitle}<div class="composite compositebody">{text:LinksTitle}
  406. <div class="compositespike">
  407. <div class="spikemargin"></div>
  408. <div class="spikedrop">
  409. <div class="spikeback"></div>
  410. <div class="spikecontent">
  411. {block:iflink01Title}<a class="contentspikelink" href="{text:link01}">{text:link01Title}</a>{/block:iflink01Title}
  412. {block:iflink02Title}<a class="contentspikelink" href="{text:link02}">{text:link02Title}</a>{/block:iflink02Title}
  413. {block:iflink03Title}<a class="contentspikelink" href="{text:link03}">{text:link03Title}</a>{/block:iflink03Title}
  414. {block:iflink04Title}<a class="contentspikelink" href="{text:link04}">{text:link04Title}</a>{/block:iflink04Title}
  415. {block:iflink05Title}<a class="contentspikelink" href="{text:link05}">{text:link05Title}</a>{/block:iflink05Title}
  416. {block:iflink06Title}<a class="contentspikelink" href="{text:link06}">{text:link06Title}</a>{/block:iflink06Title}
  417. {block:iflink07Title}<a class="contentspikelink" href="{text:link07}">{text:link07Title}</a>{/block:iflink07Title}
  418. {block:iflink08Title}<a class="contentspikelink" href="{text:link08}">{text:link08Title}</a>{/block:iflink08Title}
  419. {block:iflink09Title}<a class="contentspikelink" href="{text:link09}">{text:link09Title}</a>{/block:iflink09Title}
  420. {block:iflink10Title}<a class="contentspikelink" href="{text:link10}">{text:link10Title}</a>{/block:iflink10Title}
  421. </div><div class="spiketitle">{text:LinksTitle}</div>
  422. </div></div>
  423. </div>{/block:iflinkstitle}
  424. {block:haspages}<div class="composite compositebody">{text:PagesTitle}
  425. <div class="compositespike">
  426. <div class="spikemargin"></div>
  427. <div class="spikedrop">
  428. <div class="spikeback"></div>
  429. <div class="spikecontent">
  430. {block:Pages}<a class="contentspikelink" href="{URL}">{Label}</a>{/block:Pages}
  431. </div><div class="spiketitle">{text:PagesTitle}</div>
  432. </div></div>
  433. </div>{/block:haspages}
  434. <a class="composite compositelast" href="http://firebender-layouts.tumblr.com">火</a>
  435. </div></div>
  436. </div>
  437. {block:permalinkpage}
  438. <div class="permascroller">
  439. <div class="permamaintitle">{Title}</div>
  440. {/block:permalinkpage}
  441. {block:indexpage}
  442. <div id="fblwrapper">
  443. {/block:indexpage}
  444. {block:posts}
  445. {block:permalinkpage}
  446. <div class="permaentry fbl5pxrad">
  447. <div class="terminal"></div>
  448. <div class="peinner fbl5pxrad">
  449. {block:Title}<p class="largeinnertitle">{Title}</p>{/block:Title}
  450. {block:Link}<a href="{URL}" {target}><p class="largeinnertitle">{Name}</p></a>{/block:Link}
  451. {block:Text}{Body}{/block:Text}
  452. {block:Photo}<a href="{PhotoURL-HighRes}" rel="lightbox"><img src="{PhotoURL-500}" width="100%" alt="{PhotoAlt}"></a>
  453. {block:LinkURL}<span class="fblspancenter fblbottombump"><a href="{LinkURL}">click me</a></span>{/block:LinkURL}
  454. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  455. {block:Photoset}<span class="fblphotoset">{block:Photos}<a href="{PhotoURL-HighRes}" rel="lightbox[{PostID}]"><img src="{PhotoURL-500}"></a>{block:Photos}</span>
  456. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  457. {block:Quote}<span class="quote{Length}">{Quote}</span>{block:Source}{Source}{/block:Source}{/block:Quote}
  458. {block:Link}{block:Description}{Description}{/block:Description}{/block:Link}
  459. {block:Chat}{block:Lines}<span class="fblspanleft">{block:Label}<a class="label{alt}" title="{Name}">{Label}</a> {/block:Label}{Line}</span>{/block:Lines}{/block:Chat}
  460. {block:Audio}<span class="fblspancenter">{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  461. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  462. {block:ExternalAudio}<a href="{ExternalAudioURL}">Download!</a><br>{/block:ExternalAudio}
  463. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</span>
  464. <span class="fblspancenter">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} By: {Artist}{/block:Artist}</span>
  465. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  466. {block:Video}<span class="fblspancenter">{Video-500}<br>{PlayCountWithLabel}</span>
  467. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  468. {block:Answer}<p class="largeinnertitle">{Asker} asked:</p>
  469. <p class="questioncontain">
  470. <span class="questiontext">{Question}</span>
  471. <span class="questionimg"><img src="{AskerPortraitURL-128}"></span></p>
  472. <p class="largeinnertitle">{text:YourName} answered:</p>
  473. <span class="questioncontain">
  474. <span class="questionimg"><img src="{PortraitURL-128}"></span>
  475. <span class="questiontext">{Answer}</span></span>{/block:Answer}
  476. </div></div>
  477. <div id="notemenucontain">
  478. <div id="notemenubacking"></div>
  479. {block:Date}<div id="notemenuoverlay" class="fbl5pxrad fbl1strans">
  480. <div class="terminal"></div>
  481. <div class="peideets fbl5pxrad">{block:RebloggedFrom}<span class="fblspanleft">
  482. From: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  483. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  484. <span class="fblspanleft">Posted: <a href="{PermaLink}">{timeago} on {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} {24HourWithZero}:{Minutes}:{Seconds}</a></span>
  485. {block:NoteCount}<span class="fblspanleft">Notes: <a href="{PermaLink}">{NoteCount}</a></span>{/block:NoteCount}
  486. {block:HasTags}<span class="fblspanleft spantags">Tagged:{block:Tags} <a href="{TagURL}">{Tag}</a>;{/block:Tags}</span>{/block:HasTags}
  487. </div></div>{/block:Date}</div>
  488. {block:PostNotes}<div class="permaentry permanote fbl5pxrad">
  489. <div class="terminal"></div>
  490. <div class="peinner fbl5pxrad">
  491. {PostNotes-16}
  492. </div></div>{/block:PostNotes}
  493. <div class="permafooter"></div>
  494. </div>
  495. {/block:permalinkpage}
  496. {block:indexpage}
  497. <div class="entrysmall fbl1strans fbl5pxrad">
  498. <div class="terminal"></div>
  499. <div class="smallcontain">
  500. {block:Text}<div class="smalliconholder">
  501. <div class="smallbacker backertext"></div>
  502. <div class="smalloverlay overlaytext"></div></div>{/block:Text}
  503. {block:Photo}<div class="smalliconholder iconholderphoto" style="background-image:url({PhotoURL-250})"></div>{/block:Photo}
  504. {block:Photoset}<div class="smalliconholder">
  505. <div class="smallbacker backerphotoset"></div>
  506. <div class="smalloverlay overlayphotoset"></div></div>{/block:Photoset}
  507. {block:Quote}<div class="smalliconholder">
  508. <div class="smallbacker backerquote"></div>
  509. <div class="smalloverlay overlayquote"></div></div>{/block:Quote}
  510. {block:Chat}<div class="smalliconholder">
  511. <div class="smallbacker backerchat"></div>
  512. <div class="smalloverlay overlaychat"></div></div>{/block:Chat}
  513. {block:Audio}<div class="smalliconholder">
  514. <div class="smallbacker backeraudio"></div>
  515. <div class="smalloverlay overlayaudio"></div></div>{/block:Audio}
  516. {block:Video}<div class="smalliconholder">
  517. <div class="smallbacker backervideo"></div>
  518. <div class="smalloverlay overlayvideo"></div></div>{/block:Video}
  519. {block:Answer}<div class="smalliconholder" style="background-image:url({AskerPortraitURL-128})"></div>{/block:Answer}
  520. <div class="smalldeets">
  521. {block:Title}<p class="smalldeettitle fblhstrans">{Title}</p>{/block:Title}
  522. {block:Link}<a href="{URL}" {target}><p class="smalldeettitle fblhstrans">{Name}</p></a>{/block:Link}
  523. {block:Answer}<span class="fblspancenter">Asked by: {Asker}</span>{/block:Answer}
  524. {block:RebloggedFrom}<span class="fblspancenter">
  525. From: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  526. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  527. <span class="fblspancenter"><a href="{PermaLink}">Posted {timeago} on {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} {24HourWithZero}:{Minutes}:{Seconds}</a></span>
  528. {block:NoteCount}<span class="fblspancenter"><a href="{PermaLink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
  529. </div>
  530. </div>
  531. <div class="entryhover fbl1strans">
  532. <div class="entrymask fbl1strans"></div>
  533. <div class="entrylarge fbl1strans fbl5pxrad">
  534. <div class="terminal"></div>
  535. <div class="entrylargeinner">
  536. <div class="elicontain fbl5pxrad">
  537. {block:Title}<p class="largeinnertitle">{Title}</p>{/block:Title}
  538. {block:Link}<a href="{URL}" {target}><p class="largeinnertitle">{Name}</p></a>{/block:Link}
  539. {block:Text}{Body}{/block:Text}
  540. {block:Photo}<a href="{PhotoURL-HighRes}" rel="lightbox"><img src="{PhotoURL-500}" width="100%" alt="{PhotoAlt}"></a>
  541. {block:LinkURL}<span class="fblspancenter fblbottombump"><a href="{LinkURL}">click me</a></span>{/block:LinkURL}
  542. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  543. {block:Photoset}<span class="fblphotoset">{block:Photos}<a href="{PhotoURL-HighRes}" rel="lightbox[{PostID}]"><img src="{PhotoURL-500}"></a>{block:Photos}</span>
  544. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  545. {block:Quote}<span class="quote{Length}">{Quote}</span>{block:Source}{Source}{/block:Source}{/block:Quote}
  546. {block:Link}{block:Description}{Description}{/block:Description}{/block:Link}
  547. {block:Chat}{block:Lines}<span class="fblspanleft">{block:Label}<a class="label{alt}" title="{Name}">{Label}</a> {/block:Label}{Line}</span>{/block:Lines}{/block:Chat}
  548. {block:Audio}<span class="fblspancenter">{block:AudioEmbed}{AudioEmbed-640}{/block:AudioEmbed}
  549. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  550. {block:ExternalAudio}<a href="{ExternalAudioURL}">Download!</a><br>{/block:ExternalAudio}
  551. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</span>
  552. <span class="fblspancenter">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} By: {Artist}{/block:Artist}</span>
  553. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  554. {block:Video}<span class="fblspancenter">{Video-700}<br>{PlayCountWithLabel}</span>
  555. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  556. {block:Answer}<p class="largeinnertitle">{Asker} asked:</p>
  557. <p class="questioncontain">
  558. <span class="questiontext">{Question}</span>
  559. <span class="questionimg"><img src="{AskerPortraitURL-128}"></span></p>
  560. <p class="largeinnertitle">{text:YourName} answered:</p>
  561. <span class="questioncontain">
  562. <span class="questionimg"><img src="{PortraitURL-128}"></span>
  563. <span class="questiontext">{Answer}</span></span>{/block:Answer}
  564. {block:ifshowinfo}<span class="elideets fbl5pxrad">{block:RebloggedFrom}<span class="fblspanleft">
  565. From: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  566. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  567. <span class="fblspanleft">Posted: <a href="{PermaLink}">{timeago} on {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} {24HourWithZero}:{Minutes}:{Seconds}</a></span>
  568. {block:NoteCount}<span class="fblspanleft">Notes: <a href="{PermaLink}">{NoteCount}</a></span>{/block:NoteCount}
  569. {block:HasTags}<span class="fblspanleft spantags">Tagged:{block:Tags} <a href="{TagURL}">{Tag}</a>;{/block:Tags}</span>{/block:HasTags}</span>{/block:ifshowinfo}
  570. </div><a href="{PermaLink}" class="eliperma"></a>
  571. </div></div></div></div>
  572. {/block:indexpage}
  573. {/block:posts}
  574. {block:indexpage}
  575. {block:ifblogroll}<div class="entrysmall fbl1strans fbl5pxrad">
  576. <div class="terminal"></div>
  577. <div class="smallcontain">
  578. <div class="smalliconholder">
  579. <div class="smallbacker backerfollowing"></div>
  580. <div class="smalloverlay overlayfollowing"></div></div>
  581. <div class="smalldeets">
  582. <span class="fblspancenter">
  583. <p class="smalldeettitle fblhstrans">{text:blogrollTitle}</p></span>
  584. </div></div>
  585. <div class="entryhover fbl1strans">
  586. <div class="entrymask fbl1strans"></div>
  587. <div class="entrylarge fbl1strans fbl5pxrad">
  588. <div class="terminal"></div>
  589. <div class="entrylargeinner">
  590. <div class="elicontain fbl5pxrad">
  591. <p class="largeinnertitle">{text:blogrollTitle}</p>
  592. <span class="fblspancenter">
  593. {block:Following}{block:Followed}
  594. <div class="blogrollbox">
  595. <div class="brbacking"></div>
  596. <div class="brimage" style="background-image:url({FollowedPortraitURL-128});"></div>
  597. <div class="brhover fbl1strans"></div>
  598. <div class="brdeets fbl1strans fbl5pxrad">
  599. {FollowedName}<br>
  600. <a href="{FollowedURL}">{FollowedTitle}</a>
  601. </div></div>
  602. {/block:Followed}{/block:Following}
  603. <div class="blogrollbox">
  604. <div class="brbacking"></div>
  605. <div class="brimage" style="background-image:url(http://24.media.tumblr.com/avatar_cc9eac10c7be_128.png);"></div>
  606. <div class="brhover fbl1strans"></div>
  607. <div class="brdeets fbl1strans fbl5pxrad">
  608. Layout by:<br>
  609. <a href="http://firebender-layouts.tumblr.com">Firebender Layouts</a>
  610. </div></div>
  611. </span>
  612. </div>
  613. <a class="eliperma"></a></div></div></div></div>{/block:ifblogroll}
  614. {block:Pagination}<div class="entrysmall fbl1strans fbl5pxrad">
  615. <div class="terminal"></div>
  616. <div class="smallcontain">
  617. <span class="fblspancenter">
  618. {block:PreviousPage}<a class="pagihex pagiprev" href="{PreviousPage}"></a>{/block:PreviousPage}
  619. {block:NextPage}<a class="pagihex paginext" href="{NextPage}"></a>{/block:NextPage}
  620. <span class="paginumbers">
  621. {block:JumpPagination length="7"}
  622. {block:CurrentPage}<span class="currentpage">{PageNumber} </span>{/block:CurrentPage}
  623. {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  624. {/block:JumpPagination}
  625. </span></span>
  626. </div>
  627. </div>{/block:Pagination}
  628. </div><!---fblwrapper--->
  629. {/block:indexpage}
  630.  
  631. <div id="ask_hide"><div id="ask"><div id="elasktain">{text:AskBlurb}</div></div></div>
  632.  
  633. <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  634. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  635. <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>
  636. <script src="http://static.tumblr.com/9uyaufj/yddmh7e01/lightbox.js"></script>
  637. <script type="text/javascript" src="http://static.tumblr.com/9uyaufj/Zv4mgw00y/facebox.js"></script>
  638. <script type='text/javascript' src="http://www.smoothdivscroll.com/js/jquery.mousewheel.min.js"></script>
  639. <script type='text/javascript' src="http://www.smoothdivscroll.com/js/jquery.kinetic.js"></script>
  640. <script type='text/javascript' src="http://www.smoothdivscroll.com/js/jquery.smoothdivscroll-1.3-min.js"></script>
  641. <script type='text/javascript' src="http://static.tumblr.com/9uyaufj/1Ujmhmfll/altcaps.js"></script>
  642.  
  643.  
  644. <script type="text/javascript">
  645. jQuery(document).ready(function($) {
  646. $('a[rel*=facebox]').facebox()
  647. })
  648. </script>
  649. <script type="text/javascript">
  650. $(function() {
  651. $('.largeinnertitle').altCaps();
  652. $('.quoteshort').altCaps();
  653. $('.spiketitle').altCaps();
  654. });
  655. </script>
  656. {block:indexpage}<script type="text/javascript">
  657. $(document).ready(function () {
  658. $("#maintitle").hide();
  659. var i = null;
  660. $('body').mousemove(function() {
  661. clearTimeout(i);
  662. $("#maintitle").hide();
  663. i = setTimeout('$("#maintitle").show();', 7000);
  664. }).mouseleave(function() {
  665. clearTimeout(i);
  666. $("#maintitle").show();
  667. });
  668. });
  669. </script>{/block:indexpage}
  670. <script type="text/javascript">
  671. $(document).ready(function () {
  672. $("div#fblwrapper").smoothDivScroll({
  673. manualContinuousScrolling: true,
  674. mousewheelScrolling: "allDirections",
  675. });
  676. });
  677. </script>
  678. <script type="text/javascript">
  679. $('#ask_form').before($('#ask'));
  680. </script>
  681. </body>
  682. </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!