This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Feb 4th, 2013  |  syntax: None  |  size: 48.71 KB  |  views: 19  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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>
clone this paste RAW Paste Data