API tools faq
paste
Advertisement
ochizukes

Phat Redux Theme (Original)

ochizukes
Aug 24th, 2014
13,508
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 41.11 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Phat Redux
  4. Terms of Use: http://maomuthemes.tumblr.com/#tou
  5. Support: http://maomuthemes.tumblr.com/ask
  6.  
  7. This theme is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International license.
  8.  
  9. http://creativecommons.org/licenses/by-nc-nd/4.0/
  10.  
  11. Please check out my theme shop! http://maomu.storenvy.com
  12.  
  13. -->
  14.  
  15. <!DOCTYPE html><html>
  16. <head>
  17.  
  18. <!--[if lt IE 9]>
  19. <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
  20. <![endif]-->
  21.  
  22. <!-- META -->
  23.  
  24. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  25. <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  30.  
  31. <!-- LINK REL -->
  32.  
  33. <link rel="shortcut icon" href="{image:Favicon}"/>
  34. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  36. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  37.  
  38. <!-- IMAGES -->
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:Bar Top" content=""/>
  42. <meta name="image:Corner Image" content=""/>
  43. <meta name="image:Cursor" content=""/>
  44. <meta name="image:Favicon" content=""/>
  45. <meta name="image:Perma Background" content=""/>
  46. <meta name="image:Perma Text Background" content=""/>
  47. <meta name="image:Sidebar" content="http://static.tumblr.com/d9882c3100451725251bed74de2bab00/at44twr/ecJnatkmd/tumblr_static_9kibmfghv6kg8goc8s0kk0848.jpg"/>
  48. <meta name="image:Sidebar Link Background" content=""/>
  49.  
  50. <!-- COLORS -->
  51.  
  52. <meta name="color:Asker Background" content="#d6e8f3"/>
  53. <meta name="color:Bar Top" content="#ffffff"/>
  54. <meta name="color:Bar 1" content="#dcecf5"/>
  55. <meta name="color:Bar 2" content="#efebf7"/>
  56. <meta name="color:Bar 3" content="#def5f0"/>
  57. <meta name="color:Bar 4" content="#ffe8fb"/>
  58. <meta name="color:Bar 5" content="#dcecf5"/>
  59. <meta name="color:Blockquote" content="#def5f0"/>
  60. <meta name="color:Chat Even" content="#f2eefb"/>
  61. <meta name="color:Chat Even Text" content="#d0c3e6"/>
  62. <meta name="color:Chat Odd" content="#fff4fd"/>
  63. <meta name="color:Chat Odd Text" content="#e2c4dc"/>
  64. <meta name="color:Chat Title" content="#bad8eb"/>
  65. <meta name="color:Description" content="#9d9d9d"/>
  66. <meta name="color:Glow" content="#ede5f3"/>
  67. <meta name="color:Glow Hover" content="#c8eada"/>
  68. <meta name="color:Gradient Top" content="#ffffff"/>
  69. <meta name="color:Gradient Bottom" content="#dcecf5"/>
  70. <meta name="color:Highlight Background" content="#ffffff"/>
  71. <meta name="color:Highlight Text" content="#addac5"/>
  72. <meta name="color:Link" content="#b5d6ea"/>
  73. <meta name="color:Link Hover" content="#dccbe7"/>
  74. <meta name="color:Link Post Background" content="#f1ffef"/>
  75. <meta name="color:Link Post Text" content="#c2e2bf"/>
  76. <meta name="color:Music Background" content="#f2eefb"/>
  77. <meta name="color:Music Text" content="#d0c3e6"/>
  78. <meta name="color:Perma Background" content="#ffffff"/>
  79. <meta name="color:Perma Text" content="#b9ceda"/>
  80. <meta name="color:Perma Text Background" content="#f6f6f6"/>
  81. <meta name="color:Post Background" content="#ffffff"/>
  82. <meta name="color:Post Border" content="#eeeeee"/>
  83. <meta name="color:Question Background" content="#fff8ee"/>
  84. <meta name="color:Question Text" content="#fad6ab"/>
  85. <meta name="color:Scrollbar Background" content="#ffffff"/>
  86. <meta name="color:Scrollbar Thumb" content="#e6dbfb"/>
  87. <meta name="color:Shadow" content="#ece5f8"/>
  88. <meta name="color:Shadow Hover" content="#c8edf5"/>
  89. <meta name="color:Sidebar Background" content="#ffffff"/>
  90. <meta name="color:Sidebar Border" content="#eeeeee"/>
  91. <meta name="color:Sidebar Link" content="#bad8eb"/>
  92. <meta name="color:Sidebar Link Background" content="#f6f6f6"/>
  93. <meta name="color:Tags" content="#b9ceda"/>
  94. <meta name="color:Text" content="#949494"/>
  95. <meta name="color:Title" content="#c2dced"/>
  96. <meta name="color:Tooltip Background" content="#ffffff"/>
  97. <meta name="color:Tooltip Border" content="#dcecf5"/>
  98. <meta name="color:Tooltip Text" content="#bad8eb"/>
  99.  
  100. <!-- ON/OFF -->
  101.  
  102. <meta name="if:250px 1Col" content="0"/>
  103. <meta name="if:250px 2Col" content="0"/>
  104. <meta name="if:250px 3Col" content="0"/>
  105. <meta name="if:400px 1Col" content="0"/>
  106. <meta name="if:400px 2Col" content="0"/>
  107. <meta name="if:500px" content="0"/>
  108. <meta name="if:700px" content="0"/>
  109. <meta name="if:Background Image" content="0"/>
  110. <meta name="if:Circle Sidebar" content="1"/>
  111. <meta name="if:Custom Cursor" content="0"/>
  112. <meta name="if:Custom Scrollbar 1" content="1"/>
  113. <meta name="if:Custom Scrollbar 2" content="0"/>
  114. <meta name="if:Extra Links" content="1"/>
  115. <meta name="if:Fullscreen Background" content="0"/>
  116. <meta name="if:Glow" content="0"/>
  117. <meta name="if:Music Player" content="1"/>
  118. <meta name="if:Perma Text Background" content="1"/>
  119. <meta name="if:Post Borders" content="1"/>
  120. <meta name="if:Rounded Corners" content="0"/>
  121. <meta name="if:Shadow" content="1"/>
  122. <meta name="if:Show Caption" content="1"/>
  123. <meta name="if:Show Tags" content="1"/>
  124. <meta name="if:Sidebar Borders" content="1"/>
  125. <meta name="if:Social Media" content="1"/>
  126. <meta name="if:Top Bar" content="1"/>
  127. <meta name="if:Transparent Content" content="0"/>
  128. <meta name="if:Transparent Permalink" content="0"/>
  129. <meta name="if:White Tumblr Controls" content="1"/>
  130.  
  131. <!-- TEXT -->
  132.  
  133. <meta name="text:Bar Quote" content="Some things, once you've loved them, become yours forever."/>
  134. <meta name="text:Corner Image Size" content="300px"/>
  135. <meta name="text:Corner Image Opacity" content="1"/>
  136. <meta name="text:Corner Image Bottom" content="10px"/>
  137. <meta name="text:Corner Image Right" content="10px"/>
  138. <meta name="text:Icon Facebook" content="/"/>
  139. <meta name="text:Icon Instagram" content="/"/>
  140. <meta name="text:Icon Skype" content="/"/>
  141. <meta name="text:Icon Soundcloud" content="/"/>
  142. <meta name="text:Icon Twitter" content="/"/>
  143. <meta name="text:Icon Youtube" content="/"/>
  144. <meta name="text:Link 1" content="name"/>
  145. <meta name="text:Link 1 URL" content="url"/>
  146. <meta name="text:Link 2" content="name"/>
  147. <meta name="text:Link 2 URL" content="url"/>
  148. <meta name="text:Link 3" content="name"/>
  149. <meta name="text:Link 3 URL" content="url"/>
  150. <meta name="text:Link 4" content="name"/>
  151. <meta name="text:Link 4 URL" content="url"/>
  152. <meta name="text:Music Code" content="music player code here"/>
  153. <meta name="text:Music Pixel" content="http://media.tumblr.com/tumblr_m7vzis6dhj1r6o8v2.gif"/>
  154. <meta name="text:Song 1 Title" content="title"/>
  155. <meta name="text:Song 2 Title" content="title"/>
  156. <meta name="text:Song 3 Title" content="title"/>
  157. <meta name="text:Song 4 Title" content="title"/>
  158. <meta name="text:Sidebar Margin Left" content="-40px"/>
  159. <meta name="text:Sidebar Margin Top" content="110px"/>
  160.  
  161. <!-- SELECT -->
  162.  
  163. <meta name="select:Content Color" content="255,255,255" title="Light"/>
  164. <meta name="select:Content Color" content="0,0,0" title="Dark"/>
  165.  
  166. <meta name="select:Content Transparency" content=".95" title="95%"/>
  167. <meta name="select:Content Transparency" content=".9" title="90%"/>
  168. <meta name="select:Content Transparency" content=".85" title="85%"/>
  169. <meta name="select:Content Transparency" content=".8" title="80%"/>
  170. <meta name="select:Content Transparency" content=".75" title="75%"/>
  171. <meta name="select:Content Transparency" content=".7" title="70%"/>
  172. <meta name="select:Content Transparency" content=".65" title="65%"/>
  173. <meta name="select:Content Transparency" content=".6" title="60%"/>
  174. <meta name="select:Content Transparency" content=".55" title="55%"/>
  175. <meta name="select:Content Transparency" content=".5" title="50%"/>
  176. <meta name="select:Content Transparency" content=".45" title="45%"/>
  177. <meta name="select:Content Transparency" content=".4" title="40%"/>
  178. <meta name="select:Content Transparency" content=".35" title="35%"/>
  179. <meta name="select:Content Transparency" content=".3" title="30%"/>
  180. <meta name="select:Content Transparency" content=".25" title="25%"/>
  181. <meta name="select:Content Transparency" content=".2" title="20%"/>
  182. <meta name="select:Content Transparency" content=".15" title="15%"/>
  183. <meta name="select:Content Transparency" content=".1" title="10%"/>
  184. <meta name="select:Content Transparency" content=".05" title="5%"/>
  185. <meta name="select:Content Transparency" content="0" title="Transparent"/>
  186.  
  187. <meta name="select:Font" content="Arial"/>
  188. <meta name="select:Font" content="Courier New"/>
  189. <meta name="select:Font" content="Franklin Gothic Medium"/>
  190. <meta name="select:Font" content="Gautami"/>
  191. <meta name="select:Font" content="Inconsolata"/>
  192. <meta name="select:Font" content="Latha"/>
  193. <meta name="select:Font" content="Raavi"/>
  194. <meta name="select:Font" content="Trebuchet MS"/>
  195. <meta name="select:Font" content="Tunga"/>
  196.  
  197. <meta name="select:Image Opacity" content="1"/>
  198. <meta name="select:Image Opacity" content=".95"/>
  199. <meta name="select:Image Opacity" content=".9"/>
  200. <meta name="select:Image Opacity" content=".85"/>
  201. <meta name="select:Image Opacity" content=".8"/>
  202. <meta name="select:Image Opacity" content=".75"/>
  203. <meta name="select:Image Opacity" content=".7"/>
  204. <meta name="select:Image Opacity" content=".65"/>
  205. <meta name="select:Image Opacity" content=".6"/>
  206. <meta name="select:Image Opacity" content=".55"/>
  207. <meta name="select:Image Opacity" content=".5"/>
  208.  
  209. <meta name="select:Perma Color" content="255,255,255" title="Light"/>
  210. <meta name="select:Perma Color" content="0,0,0" title="Dark"/>
  211.  
  212. <meta name="select:Perma Transparency" content=".95" title="95%"/>
  213. <meta name="select:Perma Transparency" content=".9" title="90%"/>
  214. <meta name="select:Perma Transparency" content=".85" title="85%"/>
  215. <meta name="select:Perma Transparency" content=".8" title="80%"/>
  216. <meta name="select:Perma Transparency" content=".75" title="75%"/>
  217. <meta name="select:Perma Transparency" content=".7" title="70%"/>
  218. <meta name="select:Perma Transparency" content=".65" title="65%"/>
  219. <meta name="select:Perma Transparency" content=".6" title="60%"/>
  220. <meta name="select:Perma Transparency" content=".55" title="55%"/>
  221. <meta name="select:Perma Transparency" content=".5" title="50%"/>
  222. <meta name="select:Perma Transparency" content=".45" title="45%"/>
  223. <meta name="select:Perma Transparency" content=".4" title="40%"/>
  224. <meta name="select:Perma Transparency" content=".35" title="35%"/>
  225. <meta name="select:Perma Transparency" content=".3" title="30%"/>
  226. <meta name="select:Perma Transparency" content=".25" title="25%"/>
  227. <meta name="select:Perma Transparency" content=".2" title="20%"/>
  228. <meta name="select:Perma Transparency" content=".15" title="15%"/>
  229. <meta name="select:Perma Transparency" content=".1" title="10%"/>
  230. <meta name="select:Perma Transparency" content=".05" title="5%"/>
  231. <meta name="select:Perma Transparency" content="0" title="Transparent"/>
  232.  
  233. <meta name="select:Post Border" content="1px solid"/>
  234. <meta name="select:Post Border" content="1px dashed"/>
  235. <meta name="select:Post Border" content="1px dotted"/>
  236. <meta name="select:Post Border" content="4px double"/>
  237. <meta name="select:Post Border" content="0px none"/>
  238.  
  239. <meta name="select:Sidebar Border" content="1px solid"/>
  240. <meta name="select:Sidebar Border" content="1px dashed"/>
  241. <meta name="select:Sidebar Border" content="1px dotted"/>
  242. <meta name="select:Sidebar Border" content="4px double"/>
  243. <meta name="select:Sidebar Border" content="0px none"/>
  244.  
  245. <style type="text/css">
  246.  
  247. /* Tumblr controls */
  248.  
  249. {block:IfWhiteTumblrControls}
  250.  
  251. iframe#tumblr_controls { opacity:0.45; position:fixed !important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:9999; }
  252.  
  253. {/block:IfWhiteTumblrControls}
  254.  
  255. /* Custom Scrollbars */
  256.  
  257. {block:IfCustomScrollbar1}
  258.  
  259. ::-webkit-scrollbar { background:{color:Scrollbar Thumb}; border:4px solid {color:Scrollbar Background}; height:0px; opacity:0; width:9px; }
  260.  
  261. ::-webkit-scrollbar-thumb { background:{color:Scrollbar Thumb}; border:{color:Scrollbar Background} solid 2px; height:8px; width:11px; }
  262.  
  263. {/block:IfCustomScrollbar1}
  264.  
  265. {block:IfCustomScrollbar2}
  266.  
  267. ::-webkit-scrollbar{ height:8px; width:6px; }
  268.  
  269. ::-webkit-scrollbar-button:start:decrement
  270. ::-webkit-scrollbar-button:end:increment { background-color{color:Scrollbar Thumb}; display:block; height:0; }
  271.  
  272. ::-webkit-scrollbar-track-piece{ background-color:{color:Scrollbar Background}; width:10px; }
  273.  
  274. ::-webkit-scrollbar-thumb:vertical { background-color:{color:Scrollbar Thumb}; background-image:url({image:Scrollbar}); border:1px solid {color:Scrollbar Thumb}; height:50px; }
  275.  
  276. ::-webkit-scrollbar-thumb:horizontal{ background:{color:Scrollbar Thumb}; background-image:url({image:Scrollbar}); border:1px solid {color:Scrollbar Thumb}; width:5px; }
  277.  
  278. {/block:IfCustomScrollbar2}
  279.  
  280. /* Document properties */
  281.  
  282. html { background: -webkit-linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); background: -o-linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); background: -moz-linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); background: linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); background-attachment:fixed;{block:IfBackgroundImage} background-repeat:repeat;background-position:top right; background-image:url('{image:Background}'); {block:IfFullscreenBackground} background-repeat:no-repeat;background-size:cover; {/block:IfFullscreenBackground} {/block:IfBackgroundImage} min-height:100%; }
  283.  
  284. /* Body properties */
  285.  
  286. body { color:{color:Text}; font:normal normal 12px {select:Font}; line-height:18px; margin:0; }
  287.  
  288. figure { margin:0; }
  289.  
  290. /* Custom cursor */
  291.  
  292. {block:IfCustomCursor}
  293.  
  294. #cursor { cursor: url('{image:Cursor}'), url('{image:Cursor}'), progress !important; height:100%; left:0; position:fixed; top:0; width:100%; z-index:-1; }
  295.  
  296. {/block:IfCustomCursor}
  297.  
  298. /* Top bar */
  299.  
  300. #top { background-color:{color:Bar Top}; background-image:url('{image:Bar Top}'); font-size:10px; font-style:italic; height:40px; left:0; letter-spacing:1px; line-height:40px; position:fixed; text-align:center; top: 0; width:100%; z-index:1; }
  301.  
  302. /* Top bar bottom border */
  303.  
  304. #colour-bar { height:1px; margin-top:40px; overflow:hidden; position:fixed; width:100%; z-index:1; }
  305.  
  306. .colour-part { float:left; height:100%; width:20%; }
  307.  
  308. /* Text highlight */
  309.  
  310. ::selection { background:{color:Highlight Background}; color:{color:Highlight Text}; }
  311.  
  312. ::-moz-selection { background:{color:Highlight Background}; color:{color:Highlight Text}; }
  313.  
  314. /* Links */
  315.  
  316. a { color:{color:Link}; font-size:9px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; }
  317.  
  318. a:hover { color:{color:Link Hover}; }
  319.  
  320. /* Blockquotes */
  321.  
  322. blockquote { border-left:2px solid {color:Blockquote}; margin-left:12px; padding-left:12px; padding-right:0; width:90%; word-wrap:break-word; }
  323.  
  324. /* Wrapper */
  325.  
  326. #wrapper { margin:0 auto; {block:IfNotTopBar} padding-top:40px; {/block:IfNotTopBar} {block:IfTopBar} padding-top:60px; {/block:IfTopBar}
  327.  
  328. {block:If250px1Col} width:640px; {/block:If250px1Col} {block:If250px2Col} width:940px; {/block:If250px2Col} {block:If250px3Col} width:1230px; {/block:If250px3Col} {block:If400px1Col} width:800px; {/block:If400px1Col} {block:If400px2Col} width:1190px; {/block:If400px2Col} {block:If500px} width:910px; {/block:If500px} {block:If700px} width:1105px; {/block:If700px} }
  329.  
  330. /* Sidebar */
  331.  
  332. #sidebar { height:100%; margin:{text:Sidebar Margin Top} 0px 0px {text:Sidebar Margin Left}; position:fixed; }
  333.  
  334. /* Title */
  335.  
  336. .title { color:{color:Title}; font-size:14px; font-weight:100; letter-spacing:1px; text-align:center; width:150px; }
  337.  
  338. /* Sidebar image */
  339.  
  340. .side-img { {block:IfTransparentContent} background:rgba({select:Content Color}, {select:Content Transparency}); {/block:IfTransparentContent} {block:IfNotTransparentContent} background:{color:Sidebar Background}; {/block:IfNotTransparentContent} {block:IfSidebarBorders} border:{select:Sidebar Border} {color:Sidebar Border}; {/block:IfSidebarBorders} {block:IfRoundedCorners} {block:IfNotCircleSidebar} border-radius:8px; {/block:IfNotCircleSidebar} {block:IfCircleSidebar} border-radius:50%; {/block:IfCircleSidebar} {/block:IfRoundedCorners} {block:IfCircleSidebar} border-radius:50%; {/block:IfCircleSidebar} padding:15px; padding-bottom:8px; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; {block:IfShadow} -webkit-box-shadow:6px 6px 0px -1px {color:Shadow}; box-shadow:6px 6px 0px -1px {color:Shadow}; {/block:IfShadow} {block:IfGlow} -webkit-box-shadow:0 0 6px 3px {color:Glow}; moz-box-shadow:0 0 6px 3px {color:Glow}; box-shadow:0 0 6px 3px {color:Glow}; {/block:IfGlow} width:120px; }
  341.  
  342. /* Sidebar link box */
  343.  
  344. .side-drop { {block:IfTransparentContent} background:rgba({select:Content Color}, {select:Content Transparency}); {/block:IfTransparentContent} {block:IfNotTransparentContent} background:{color:Sidebar Background}; {/block:IfNotTransparentContent} {block:IfSidebarBorders} border:{select:Sidebar Border} {color:Sidebar Border}; {/block:IfSidebarBorders} {block:IfRoundedCorners} border-radius:8px; {/block:IfRoundedCorners} padding:15px; text-align:center; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; {block:IfShadow} -webkit-box-shadow:6px 6px 0px -1px {color:Shadow}; box-shadow:6px 6px 0px -1px {color:Shadow}; {/block:IfShadow} {block:IfGlow} -webkit-box-shadow:0 0 6px 3px {color:Glow}; moz-box-shadow:0 0 6px 3px {color:Glow}; box-shadow:0 0 6px 3px {color:Glow}; {/block:IfGlow} width:120px; }
  345.  
  346. /* The links */
  347.  
  348. .side-link, .description, .extra-links, .social-media { background-color:{color:Sidebar Link Background}; background-image:url('{image:Sidebar Link Background}'); border-bottom:1px solid {color:Sidebar Border}; color:{color:Sidebar Link}; display:block; height:16px; overflow:hidden; padding:7px 0px 7px 0px; width:120px; }
  349.  
  350. /* The links on click */
  351.  
  352. .description.open, .extra-links.op, .social-media.ope { height:100%; }
  353.  
  354. /* About drop (description) */
  355.  
  356. .desc { color:{color:Description}; font-size:10px; height:100%; line-height:16px; margin-top:-12px; overflow:hidden; padding:0px 4px 4px 8px; text-align:left; text-transform:lowercase; }
  357.  
  358. /* Extras drop (extra links) */
  359.  
  360. .ex a { font-size:10px; padding-bottom:3px; text-transform:lowercase; }
  361.  
  362. /* Social drop (media icons) */
  363.  
  364. .icon { {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} width:30px; }
  365.  
  366. /* Pagination */
  367.  
  368. #pagination{ margin-left:-3px; position:fixed; }
  369.  
  370. .pagi { {block:IfTransparentContent} background:rgba({select:Content Color}, {select:Content Transparency}); {/block:IfTransparentContent} {block:IfNotTransparentContent} background:{color:Sidebar Background}; {/block:IfNotTransparentContent}{block:IfSidebarBorders} border:{select:Sidebar Border} {color:Sidebar Border}; {/block:IfSidebarBorders} {block:IfRoundedCorners} border-radius:4px; {/block:IfRoundedCorners} display:block; margin-right:4px; margin-top:-5px; padding:6px; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; {block:IfShadow} -webkit-box-shadow:6px 6px 0px -1px {color:Shadow}; box-shadow:6px 6px 0px -1px {color:Shadow}; {/block:IfShadow} {block:IfGlow} -webkit-box-shadow:0 0 6px 3px {color:Glow}; moz-box-shadow:0 0 6px 3px {color:Glow}; box-shadow:0 0 6px 3px {color:Glow}; {/block:IfGlow} width:58px; }
  371.  
  372. /* Post wrap */
  373.  
  374. #post-wrap { margin-left:180px; {block:If250px1Col} width:350px; {/block:If250px1Col} {block:If250px2Col} width:680px; {/block:If250px2Col} {block:If250px3Col} width:930px; {/block:If250px3Col} {block:If400px1Col} width:570px; {/block:If400px1Col} {block:If400px2Col} width:920px; {/block:If400px2Col} {block:If500px} width:650px; {/block:If500px} {block:If700px} width:850px; {/block:If700px} }
  375.  
  376. /* Posts */
  377.  
  378. .posts { {block:IfTransparentContent} background:rgba({select:Content Color}, {select:Content Transparency}); {/block:IfTransparentContent} {block:IfNotTransparentContent} background:{color:Post Background}; {/block:IfNotTransparentContent} {block:IfPostBorders} border:{select:Post Border} {color:Post Border}; {/block:IfPostBorders} {block:IfRoundedCorners} border-radius:8px; {/block:IfRoundedCorners} float:left; margin:0px 25px 25px 0px; padding:15px 15px 0px 15px; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; {block:IfGlow} -webkit-box-shadow:0 0 6px 3px {color:Glow}; moz-box-shadow:0 0 6px 3px {color:Glow}; box-shadow:0 0 6px 3px {color:Glow}; {/block:IfGlow} {block:IfShadow} -webkit-box-shadow:6px 6px 0px -1px {color:Shadow}; box-shadow:6px 6px 0px -1px {color:Shadow}; {/block:IfShadow} {block:If250px1Col} width:250px; {/block:If250px1Col} {block:If250px2Col} width:250px; {block:If250px2Col} {block:If250px3Col} width:250px; {/block:If250px3Col} {block:If400px1Col} width:400px; {/block:If400px1Col} {block:If400px2Col} width:400px; {/block:If400px2Col} {block:If500px} width:500px; {/block:If500px} {block:If700px} width:700px; {/block:If700px} }
  379.  
  380. /* Hover effects */
  381.  
  382. .side-img:hover, .side-drop:hover, .pagi:hover, .posts:hover { {block:IfShadow} -webkit-box-shadow:6px 6px 0px -1px {color:Shadow Hover}; box-shadow:6px 6px 0px -1px {color:Shadow Hover}; {/block:IfShadow} {block:IfGlow} -webkit-box-shadow:0 0 6px 3px {color:Glow Hover}; moz-box-shadow:0 0 6px 3px {color:Glow Hover}; box-shadow:0 0 6px 3px {color:Glow Hover}; {/block:IfGlow} }
  383.  
  384. /* Text posts */
  385.  
  386. .text-title { font-size:14px; letter-spacing:1px; text-align:center; }
  387.  
  388. /* All images */
  389.  
  390. img { border:0; max-width:100%; opacity:{select:Image Opacity}; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; }
  391.  
  392. img:hover { opacity:1; }
  393.  
  394. /* Photosets */
  395.  
  396. .photoset { opacity:{select:Image Opacity}; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; {block:If250px1Col} width:250px; {/block:If250px1Col} {block:If250px2Col} width:250px; {block:If250px2Col} {block:If250px3Col} width:250px; {/block:If250px3Col} {block:If400px1Col} width:400px; {/block:If400px1Col} {block:If400px2Col} width:400px; {/block:If400px2Col} {block:If500px} width:500px; {/block:If500px} {block:If700px} width:700px; {/block:If700px} }
  397.  
  398. .photoset:hover { opacity:1; }
  399.  
  400. /* Quote posts */
  401.  
  402. .quote { font-size:14px;  letter-spacing:1px;}
  403.  
  404. /* Link posts */
  405.  
  406. .link { background:{color:Link Post Background}; {block:IfRoundedCorners} border-radius:4px; {/block:IfRoundedCorners} margin-top:0px; padding:10px; }
  407.  
  408. .link a { color:{color:Link Post Text}; font-size:14px; font-weight:normal; padding:0; text-transform:none; }
  409.  
  410. /* Chat posts */
  411.  
  412. .chat-title { color:{color:Chat Title}; font-size:14px; letter-spacing:1px; text-align:center; }
  413.  
  414. .chat ul { list-style:none; margin:0; padding:0; }
  415.  
  416. .chat li { {block:IfRoundedCorners} border-radius:3px; {/block:IfRoundedCorners} margin-bottom:3px; padding:7px; }
  417.  
  418. .chat .odd { background:{color:Chat Odd}; color:{color:Chat Odd Text}; }
  419.  
  420. .chat .even { background:{color:Chat Even}; color:{color:Chat Even Text}; }
  421.  
  422. /* Audio posts */
  423.  
  424. .tumblr_audio_player {  {block:If250px1Col} height:45px; width:250px; {/block:If250px1Col} {block:If250px2Col} height:45px; width:250px; {/block:If250px2Col} {block:If250px3Col} height:45px; width:250px; {/block:If250px3Col} {block:If400px1Col} width:400px; {/block:If400px1Col} {block:If400px2Col} width:400px; {/block:If400px2Col} {block:If700px} width:700px; {/block:If700px} }
  425.  
  426. /* Video posts */
  427.  
  428. .videoWrapper { height:0; padding-bottom:56.25%; position:relative; }
  429.  
  430. .videoWrapper iframe { height:100%; left:0; position:absolute; top:0; width:100%; }
  431.  
  432. /* Answer posts */
  433.  
  434. .question { background:{color:Question Background}; {block:IfRoundedCorners} border-radius:4px; {/block:IfRoundedCorners} color:{color:Question Text}; padding:10px; }
  435.  
  436. .question-tri { border-left:13px solid transparent; border-right:13px solid transparent; border-top:13px solid {color:Question Background}; height:0; margin-left:20px; width:0; }
  437.  
  438. .asker-avatar { background:{color:Asker Background}; {block:IfRoundedCorners} border-radius:3px; {/block:IfRoundedCorners} margin:10px 0px 0px 18px; padding:4px; }
  439.  
  440. .answer { margin-top:-7px; }
  441.  
  442. /* Permalink + tags */
  443.  
  444. #permalink { {block:IfTransparentPermalink} background:rgba({select:Perma Color}, {select:Perma Transparency}); {/block:IfTransparentPermalink} {block:IfNotTransparentPermalink} background-color:{color:Perma Background}; background-image:url('{image:Perma Background}'); {/block:IfNotTransparentPermalink} border-top:{select:Post Border} {color:Post Border}; {block:IndexPage} {block:IfRoundedCorners} border-bottom-left-radius:8px; border-bottom-right-radius:8px; {/block:IfRoundedCorners} {/block:IndexPage} margin-left:-15px; margin-top:10px; padding:15px; width:100%; }
  445.  
  446. .perma, .tags { {block:IfRoundedCorners} border-radius:3px; {/block:IfRoundedCorners} font-size:9px; letter-spacing:1px; line-height:19px; margin-bottom:2px; padding:4px; }
  447.  
  448. .perma a { color:{color:Perma Text}; }
  449.  
  450. .tags a { color:{color:Tags}; }
  451.  
  452. /* Note container */
  453.  
  454. .notecontainer { float:left; margin-bottom:0px; max-height:250px; line-height:18px; overflow-x:hidden; overflow-y:scroll; {block:If250px1Col} width:250px; {/block:If250px1Col} {block:If250px2Col} width:250px; {/block:If250px2Col} {block:If250px3Col} width:250px; {/block:If250px3Col} {block:If400px1Col} width:400px; {/block:If400px1Col} {block:If400px2Col} width:400px; {/block:If400px2Col} {block:If500px} width:500px; {/block:If500px} {block:If700px} width:700px; {/block:If700px} }
  455.  
  456. .notecontainer a { font-weight:normal; }
  457.  
  458. ol.notes { list-style-type:none; margin:0px 0px; padding:0px; }
  459.  
  460. ol.notes li.note { margin-bottom:2px; padding:2px; }
  461.  
  462. ol.notes li.note img.avatar { background-color:{color:Perma Text Background}; {block:IfPostBorders}border:{select:Post Border} {color:Perma Text}; {block:IfPostBorders} {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} height:16px; margin-right:5px; padding:4px; vertical-align:-4px; width:16px; }
  463.  
  464. ol.notes li.note span.action, ol.notes li.note .answer_content, ol.notes li.note blockquote a { font-weight:normal; text-decoration:none; }
  465.  
  466. ol.notes li.note blockquote { border-color:{color:Blockquote}; margin:10px 0px 0px 25px; padding:4px 10px; }
  467.  
  468. /* Music player */
  469.  
  470. #music { background:{color:Music Background}; font-size:9px; letter-spacing:1px; padding:10px; position:fixed; right:-145px; text-transform:uppercase; top:70px; -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; -o-transition:all 0.8s ease-out; transition:all 0.8s ease-out; width:120px; font-size:11px; z-index:999999; }
  471.  
  472. #music:hover { right:0; }
  473.  
  474. #music ol { margin:0px -40px; padding-bottom:4px; }
  475.  
  476. #music ol li { color:{color:Music Text}; list-style:none; padding:2px; }
  477.  
  478. #musicicon { background:{color:Music Background}; {block:IfRoundedCorners} border-radius:5px 0px 0px 5px; {/block:IfRoundedCorners} padding:12px 20px 8px 10px; position:absolute; margin:-10px -45px; margin-left:-48px; }
  479.  
  480. #player { display:block; height:20px; margin:auto; margin-top:-2px; overflow:hidden; width:100px; }
  481.  
  482. /* Tooltip */
  483.  
  484. #s-m-t-tooltip { background:{color:Tooltip Background}; {block:IfPostBorders} border:{select:Post Border} {color:Tooltip Border}; {/block:IfPostBorders} {block:IfRoundedCorners} border-radius:3px; {/block:IfRoundedCorners}
  485. color:{color:Tooltip Text}; display: block; font-size:9px; letter-spacing:1px; margin: 20px 10px 10px 10px; max-width:100px; padding:6px; padding-bottom:2px; text-transform:uppercase; word-wrap: break-word; z-index:999999; }
  486.  
  487. {CustomCSS}
  488.  
  489. </style>
  490.  
  491. <!-- Jquery -->
  492.  
  493. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  494.  
  495. <!-- Tooltip -->
  496.  
  497. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  498.  
  499. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  500. <script>
  501.     (function($){
  502.         $(document).ready(function(){
  503.             $("[title]").style_my_tooltips();
  504.         });
  505.     })(jQuery);
  506. </script>
  507.  
  508. <!-- Masonry -->
  509.  
  510. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  511.  
  512. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  513.  
  514. <script type="text/javascript">
  515.     $(window).load(function () {
  516.         $('#post-wrap').masonry({
  517.         itemSelector : ".posts",
  518.         },
  519.     function() {
  520.         $('#post-wrap').masonry({ appendedContent: $(this) }); }
  521.     );
  522.     });
  523. </script>
  524.  
  525. <!-- About -->
  526.  
  527. <script type="text/javascript">
  528. $(document).ready(function () {
  529.     $('.click').click(function () {
  530.         $('.description').toggleClass('open');
  531.     })
  532. });
  533. </script>
  534.  
  535. <!-- Extras -->
  536.  
  537. <script type="text/javascript">
  538. $(document).ready(function () {
  539.     $('.cl').click(function () {
  540.         $('.extra-links').toggleClass('op');
  541.     })
  542. });
  543. </script>
  544.  
  545. <!-- Social -->
  546.  
  547. <script type="text/javascript">
  548. $(document).ready(function () {
  549.     $('.cli').click(function () {
  550.         $('.social-media').toggleClass('ope');
  551.     })
  552. });
  553. </script>
  554.  
  555. </head>
  556. <body>
  557.  
  558. <!-- Top bar -->
  559.  
  560. {block:IfTopBar}
  561.  
  562.     <div id="top">"{text:Bar Quote}"</div>
  563.    
  564.     <div id="colour-bar">
  565.    
  566.         <div class="colour-part" style="background-color:{color:Bar 1};"></div>
  567.         <div class="colour-part" style="background-color:{color:Bar 2};"></div>
  568.         <div class="colour-part" style="background-color:{color:Bar 3};"></div>
  569.         <div class="colour-part" style="background-color:{color:Bar 4};"></div>
  570.         <div class="colour-part" style="background-color:{color:Bar 5};"></div>
  571.        
  572.     </div>
  573.  
  574. {/block:IfTopBar}
  575.  
  576. <!-- End top bar -->
  577.  
  578. <!-- Music player HTML -->
  579.  
  580. {block:IfMusicPlayer}
  581.  
  582. <div id="music">
  583.  
  584.     <div id="musicicon">
  585.         <img src="{text:Music Pixel}">
  586.     </div>
  587.    
  588.     <div id="player">
  589.         {text:Music Code}
  590.     </div><br>
  591.    
  592.     <ol>
  593.         {block:IfSong1Title}<li>{text:Song 1 Title}{/block:IfSong1Title}
  594.         {block:IfSong2Title}<li>{text:Song 2 Title}{/block:IfSong2Title}
  595.         {block:IfSong3Title}<li>{text:Song 3 Title}{/block:IfSong3Title}
  596.         {block:IfSong4Title}<li>{text:Song 4 Title}{/block:IfSong4Title}
  597.     </ol>
  598.    
  599. </div>
  600.  
  601. {/block:IfMusicPlayer}
  602.  
  603. <!-- End music player -->
  604.  
  605. <div id="wrapper">
  606.  
  607. <div id="sidebar">
  608.  
  609. <!-- Title -->
  610.  
  611. <div class="title">{Title}</div><br>
  612.  
  613. <!-- End title -->
  614.  
  615. <!-- Sidebar image -->
  616.    
  617. <div class="side-img">
  618.  
  619.     <a href="/"><img style="{block:IfRoundedCorners}{block:IfNotCircleSidebar}border-radius:3px;{/block:IfNotCircleSidebar}{block:IfCircleSidebar}border-radius:50%;{/block:IfCircleSidebar}{/block:IfRoundedCorners}{block:IfCircleSidebar}border-radius:50%;{/block:IfCircleSidebar}" src="{image:Sidebar}" title="{Title}" alt=""/></a>
  620.    
  621. </div><br>
  622.  
  623. <!-- End sidebar image -->
  624.  
  625. <!-- Link box -->
  626.  
  627. <div class="side-drop">
  628.  
  629. <a class="side-link" href="/ask">inquire</a>
  630. <a class="side-link" href="/archive">memoirs</a>
  631.  
  632. <!-- About -->
  633.  
  634. <span class="description">
  635.  
  636.     <a href="#" class="click" style="color:{color:Sidebar Link};">about</a>
  637.     <div class="desc"><br>{Description}</div>
  638.    
  639. </span>
  640.  
  641. <!-- End about -->
  642.  
  643. <!-- Extra links HTML -->
  644.  
  645. {block:IfExtraLinks}
  646.  
  647. <span class="extra-links">
  648.  
  649.     <a href="#" class="cl" style="color:{color:Sidebar Link};">extras</a><br><br>
  650.  
  651.     {block:IfLink1}
  652.         <div class="ex" style="margin-top:-16px;"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  653.     {/block:IfLink1}
  654.    
  655.     {block:IfLink2}
  656.         <div class="ex"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  657.     {/block:IfLink2}
  658.    
  659.     {block:IfLink3}
  660.         <div class="ex"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  661.     {/block:IfLink3}
  662.    
  663.     {block:IfLink4}
  664.         <div class="ex"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  665.     {/block:IfLink4}
  666.    
  667. </span>
  668.  
  669. {/block:IfExtraLinks}
  670.  
  671. <!-- End extras -->
  672.  
  673. <!-- Social -->
  674.  
  675. {block:IfSocialMedia}
  676.  
  677. <span class="social-media"><center>
  678.  
  679.     <a href="#" class="cli" style="color:{color:Sidebar Link};">social</a><br><br>
  680.  
  681.     {block:IfIconFacebook}
  682.         <a href="{text:Icon Facebook}" title="Facebook"><img class="icon" src="https://31.media.tumblr.com/2980290e9f92af94cef036038b852ad1/tumblr_inline_nao55h8blA1sjbgbx.png" alt=""/></a>
  683.     {/block:IfIconFacebook}
  684.  
  685.     {block:IfIconTwitter}
  686.         <a href="{text:Icon Twitter}" title="Twitter"><img class="icon" src="https://31.media.tumblr.com/024c0374c3a696e509771c0277a72f69/tumblr_inline_nao564Qbgm1sjbgbx.png" alt=""/></a>
  687.     {/block:IfIconTwitter}
  688.  
  689.     {block:IfIconInstagram}
  690.         <a href="{text:Icon Instagram}" title="Instagram"><img class="icon" src="https://31.media.tumblr.com/f0ba3f7547dbf86c8f964bc3a22e3ed3/tumblr_inline_nao57lxNnk1sjbgbx.png" alt=""/></a>
  691.     {/block:IfIconInstagram}
  692.    
  693.     {block:IfIconSoundcloud}
  694.         <a href="{text:Icon Soundcloud}" title="Soundcloud"><img class="icon" src="https://31.media.tumblr.com/180025071d25381aeadf572f27bcf6c3/tumblr_inline_nao56hpZnB1sjbgbx.png" alt=""/></a>
  695.     {/block:IfIconSoundcloud}
  696.  
  697.     {block:IfIconSkype}
  698.         <a href="{text:Icon Skype}" title="Skype"><img class="icon" src="https://31.media.tumblr.com/6918ed33dda73f9c5294876db04e24a3/tumblr_inline_nao55yztEB1sjbgbx.png" alt=""/></a>
  699.     {/block:IfIconSkype}
  700.  
  701.     {block:IfIconYoutube}
  702.         <a href="{text:Icon Youtube}" title="Youtube"><img class="icon" src="https://31.media.tumblr.com/2ea20f410edf6487c53d8b79edd92f23/tumblr_inline_nao56qhrIu1sjbgbx.png" alt=""/></a>
  703.     {/block:IfIconYoutube}
  704.  
  705. </center></span>
  706.  
  707. {/block:IfSocialMedia}
  708.  
  709. <!-- End social -->
  710.  
  711. </div><br><!-- End link box -->
  712.  
  713. <!-- Pagination -->
  714.  
  715. {block:Pagination}
  716.  
  717. <div id="pagination">
  718.  
  719.     <table>
  720.         <tr>
  721.             <td>{block:PreviousPage}
  722.     <a title="go back" href="{PreviousPage}"><span class="pagi">previous</span></a>
  723.     {/block:PreviousPage}</td>
  724.             <td>{block:NextPage}
  725.     <a title="go forth" href="{NextPage}"><span class="pagi">next</span></a>
  726.     {/block:NextPage}</td>
  727.         </tr>
  728.     </table>
  729.  
  730. </div>
  731.  
  732. {/block:Pagination}
  733.  
  734. {block:PermalinkPagination}
  735.  
  736. <div id="pagination">
  737.  
  738.     <table>
  739.         <tr>
  740.             <td>{block:PreviousPost}
  741.     <a title="go back" href="{PreviousPost}"><span class="pagi">previous</span></a>
  742.     {/block:PreviousPost}</td>
  743.             <td>{block:NextPost}
  744.     <a title="go forth" href="{NextPost}"><span class="pagi">next</span></a>
  745.     {/block:NextPost}</td>
  746.         </tr>
  747. </table>
  748.  
  749. </div>
  750.  
  751. {/block:PermalinkPagination}
  752.  
  753. <!-- Pagination -->
  754.    
  755. </div><!-- sidebar -->
  756.  
  757. <div id="post-wrap">
  758.  
  759. <!-- Posts -->
  760.  
  761. {block:Posts}
  762.  
  763. <div class="posts">
  764.  
  765. <!-- Text -->
  766.  
  767. {block:Text}
  768.  
  769.     <article>
  770.         <figure class="text">
  771.        
  772.         {block:Title}
  773.             <header>
  774.             <div class="text-title">{Title}</div>
  775.             </header>
  776.         {/block:Title}
  777.  
  778.         <div>{Body}</div>
  779.  
  780.         </figure>
  781.     </article>
  782.    
  783. {/block:Text}
  784.  
  785. <!-- End text -->
  786.  
  787. <!-- Photo -->
  788.  
  789. {block:Photo}
  790.  
  791.     <article>
  792.         <figure>
  793.        
  794.             {LinkOpenTag}
  795.                 <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  796.             {LinkCloseTag}
  797.        
  798.         </article>
  799.     </figure>
  800.  
  801. {/block:Photo}
  802.  
  803. <!-- End photo -->
  804.  
  805. <!-- Photoset -->
  806.  
  807. {block:Photoset}
  808.  
  809.     <article>
  810.         <figure>
  811.          
  812.             <div class="photoset">{Photoset}</div>
  813.            
  814.             {block:HighRes}
  815.                 {PhotoURL-HighRes}
  816.             {/block:HighRes}
  817.          
  818.         </figure>
  819.     </article>
  820.  
  821. {/block:Photoset}
  822.  
  823. <!-- End photoset -->
  824.  
  825. <!-- Quote -->
  826.  
  827. {block:Quote}
  828.  
  829.     <article>
  830.         <figure>
  831.  
  832.         <div class="quote">"{Quote}"<br>
  833.             {block:Source}
  834.                  <div style="font-size:12px;margin-top:8px;">— {Source}</div>
  835.             {/block:Source}
  836.         </div>
  837.  
  838.         </figure>
  839.     </article>
  840.    
  841. {/block:Quote}
  842.  
  843. <!-- End quote -->
  844.  
  845. <!-- Link -->
  846.  
  847. {block:Link}
  848.  
  849.     <article>
  850.         <figure>
  851.              
  852.           <h2 class="link">
  853.             <a href="{URL}">{Name} ▶</a>
  854.         </h2>  
  855.  
  856.         {block:Description}
  857.             {Description}
  858.         {/block:Description}
  859.  
  860.         </figure>
  861.     </article>
  862.    
  863. {/block:Link}
  864.  
  865. <!-- End link -->
  866.  
  867. <!-- Chat -->
  868.  
  869. {block:Chat}
  870.  
  871.     <article>
  872.         <figure>
  873.        
  874.         {block:Title}
  875.             <header>
  876.                 <div class="chat-title" style="margin-bottom:13px;">
  877.                     {Title}
  878.                 </div>
  879.             </header>
  880.         {/block:Title}
  881.        
  882.         <div class="chat">
  883.  
  884.                 <ul>{block:Lines}
  885.                     <li class="{Alt}">
  886.                    
  887.                         {block:Label}
  888.                             {Label}
  889.                         {/block:Label}
  890.                    
  891.                     {Line}
  892.                     </li>
  893.                 {/block:Lines}</ul>
  894.            
  895.            </div>
  896.            
  897.         </figure>
  898.     </article>
  899.    
  900. {/block:Chat}
  901.  
  902. <!-- End chat -->
  903.  
  904. <!-- Audio -->
  905.  
  906. {block:Audio}
  907.  
  908.     <article>
  909.         <figure>
  910.                    
  911.             {block:AudioEmbed}
  912.                 {AudioEmbed}
  913.             {/block:AudioEmbed}
  914.  
  915.         </figure>
  916.     </article>
  917.    
  918. {/block:Audio}
  919.  
  920. <!-- End audio -->
  921.  
  922. <!-- Video -->
  923.  
  924. {block:Video}
  925.  
  926.     <article>
  927.         <figure>
  928.        
  929.             <div class="videoWrapper">
  930.                 {VideoEmbed-700}
  931.             </div>
  932.        
  933.         </figure>
  934.     </article>
  935.    
  936. {/block:Video}
  937.  
  938. <!-- End video -->
  939.  
  940. <!-- Answer -->
  941.  
  942. {block:Answer}
  943.  
  944.     <div class="question">
  945.         {Asker} asked: {Question}
  946.     </div>
  947.    
  948.     <div class="question-tri"></div>
  949.    
  950.     <img class="asker-avatar" src="{AskerPortraitURL-24}" alt=""/>
  951.  
  952.     <div class="answer">
  953.         {Answer}
  954.     </div>
  955.  
  956. {/block:Answer}
  957.  
  958. <!-- End answer -->
  959.  
  960. <!-- Caption -->
  961.  
  962. {block:IfShowCaption}
  963.  
  964.     {block:Caption}
  965.         {Caption}
  966.     {/block:Caption}
  967.    
  968. {/block:IfShowCaption}
  969.  
  970. {block:IfNotShowCaption}
  971.  
  972.     {block:PermalinkPage}
  973.         {block:Caption}
  974.             {Caption}
  975.         {/block:Caption}
  976.     {/block:PermalinkPage}
  977.    
  978. {/block:IfNotShowCaption}
  979.  
  980. <!-- End caption -->
  981.  
  982. <!-- Permalink -->
  983.  
  984. <div id="permalink">
  985.  
  986.     {block:Date}
  987.        
  988.         <div class="perma" style="{block:IfPermaTextBackground}background-color:{color:Perma Text Background};background-image:url('{image:Perma Text Background}');{/block:IfPermaTextBackground}">
  989.            
  990.             <a title="View Post" href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<font style="color:{color:Perma Text};">&middot;</font> <a title="Via" href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} {block:ContentSource}<font style="color:{color:Perma Text};">&middot;</font> <a href="{SourceURL}" title="Origin">Src</a>{/block:ContentSource} <font style="color:{color:Perma Text};">&middot;</font> <a title="Reblog" href="{ReblogURL}">➨</a>
  991.        
  992.         </div>
  993.        
  994.     {/block:Date}
  995.  
  996. <!-- End permalink -->
  997.  
  998. <!-- Tags -->
  999.  
  1000. {block:IfShowTags}
  1001.  
  1002.     {block:Date}
  1003.        
  1004.         {block:HasTags}
  1005.        
  1006.             <div class="tags" style="{block:IfPermaTextBackground}background-color:{color:Perma Text Background};background-image:url('{image:Perma Text Background}');{/block:IfPermaTextBackground}">{block:Tags}<a href="{TagURL}"><span>+{Tag} </span></a>{/block:Tags}</div>
  1007.                
  1008.         {/block:HasTags}
  1009.        
  1010.     {/block:Date}
  1011.  
  1012. {/block:IfShowTags}
  1013.  
  1014. <!-- End tags -->
  1015.  
  1016. <!-- Note container -->
  1017.  
  1018. {block:PermalinkPage}
  1019.     {block:Date}
  1020.  
  1021.         <div class="notecontainer" style="margin-top:20px;">
  1022.             {PostNotes}
  1023.         </div>
  1024.    
  1025.     {/block:Date}
  1026. {/block:PermalinkPage}
  1027.  
  1028. <!-- End note container -->
  1029.  
  1030. <!-- Remove via and source -->
  1031.  
  1032. <div style="display:none;">
  1033.  
  1034.     {block:ContentSource}    
  1035.         <a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">Source</a>  
  1036.     {/block:ContentSource}
  1037.    
  1038.     {block:RebloggedFrom}
  1039.         <a title="Via" href="{ReblogParentURL}">Via</a>
  1040.     {/block:RebloggedFrom}
  1041.    
  1042. </div>
  1043.  
  1044. <!-- End remove -->
  1045.    
  1046. </div><!-- End permalink -->
  1047.  
  1048. </div><!-- End post container -->
  1049.  
  1050. {/block:Posts}
  1051.  
  1052. </div><!-- End post wrap -->
  1053.  
  1054. </div><!-- End wrapper -->
  1055.  
  1056. <!-- Corner Image -->
  1057.  
  1058. <div class="img">
  1059.  
  1060.     <div style="z-index: -1; position: fixed; bottom:{text:Corner Image Bottom}; right:{text:Corner Image Right}; opacity:{text:Corner Image Opacity};">
  1061.         <img src="{image:Corner Image}" width="{text:Corner Image Size}" />
  1062.     </div>
  1063.  
  1064. </div>
  1065.  
  1066. <!-- End corner image -->
  1067.  
  1068. {block:IfCustomCursor}<div id="cursor"></div>{/block:IfCustomCursor}
  1069.  
  1070. <div style="bottom:0;left:0;position:fixed;font-size:10px;letter-spacing:1px;text-transform:uppercase;">&nbsp;<a style="color:{color:Text};" title="maomuthemes" href="http://maomuthemes.tumblr.com">© 2014 mt</a> </div>
  1071.  
  1072. </body>
  1073.  
  1074. </html>
  1075.  
  1076. {block:IfCustomCursor}
  1077. <style type="text/css">body, a:hover {cursor: url('{image:Cursor}'), progress !important;}</style>{/block:IfCustomCursor}
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!