API tools faq
paste
Advertisement
ochizukes

Capsule Revised: New

ochizukes
Feb 22nd, 2014
1,686
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 45.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--                                        
  3.  
  4. Capsule Edit- Revised
  5.  
  6. Original theme- Redux by Jacob Bijani
  7. Edit- evabadon.tumblr.com
  8.  
  9. Please do not use as a base code or claim as yours. This is a redux edit, but it includes original coding. Thank you.
  10.  
  11. -->
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14. <br>
  15.  
  16. <meta name="color:Ask BG" content="#000000"/>
  17. <meta name="color:Ask Border" content="#ffffff"/>
  18. <meta name="color:Ask Text" content="#ffffff"/>
  19. <meta name="color:Audio Border" content="#d6d6d6"/>
  20. <meta name="color:Background" content="#ffffff" />
  21. <meta name="color:Blockquote" content="#ffffff"/>
  22. <meta name="color:Bold" content="#d4d3d3" />
  23. <meta name="color:Chat 1" content="#ffffff"/>
  24. <meta name="color:Chat 2" content="#e3f0f0"/>
  25. <meta name="color:Chat Text" content="#ffffff"/>
  26. <meta name="color:Italic" content="#d4d3d3" />
  27. <meta name="color:Link" content="#bce0fd" />
  28. <meta name="color:Link Hover" content="#ffffff" />
  29. <meta name="color:Navigation BG" content="#000000"/>
  30. <meta name="color:Navigation Border" content="#ffffff"/>
  31. <meta name="color:Navigation Text" content="#d4d3d3"/>
  32. <meta name="color:Permalink BG" content="#000000"/>
  33. <meta name="color:Permalink Borders" content="#ffffff"/>
  34. <meta name="color:PermaText" content="#d4d3d3"/>
  35. <meta name="color:Post BG" content="#ffffff"/>
  36. <meta name="color:Post Borders" content="#ffffff"/>
  37. <meta name="color:Post Shadow" content="#c3c3c3"/>
  38. <meta name="color:Post Title" content="#cca6f8"/>
  39. <meta name="color:Quote" content="#ffffff"/>
  40. <meta name="color:Reblog" content="#a2cffd"/>
  41. <meta name="color:Scrollbar BG" content="#000000"/>
  42. <meta name="color:Scrollbar Border" content="#000000"/>
  43. <meta name="color:Scrollbar" content="#d3e6f7"/>
  44. <meta name="color:Sidebar BG" content="#ffffff"/>
  45. <meta name="color:Sidebar Borders" content="#ffffff"/>
  46. <meta name="color:Tags" content="#8ac6fe">
  47. <meta name="color:Text" content="#d8d7d7"/>
  48. <meta name="color:Tooltip BG" content="#000000"/>
  49. <meta name="color:Tooltip Border" content="#ffffff"/>
  50. <meta name="color:Tooltip Text" content="#d8d8d8"/>
  51.  
  52. <meta name="image:Background" content=""/>
  53. <meta name="image:Back To Top" content="">
  54. <meta name="image:Banner" content=""/>
  55. <meta name="image:Cursor" content=""/>
  56. <meta name="image:Hover Image" content="">
  57. <meta name="image:Permalink Pixel" content=""/>
  58. <meta name="image:Sidebar" content=""/>
  59.  
  60. <meta name="if:200px" content="0">
  61. <meta name="if:250px" content="1">
  62. <meta name="if:300px" content="0">
  63. <meta name="if:400px" content="0">
  64. <meta name="if:500px" content="0">
  65. <meta name="if:Audio Player White" content="0"/>
  66. <meta name="if:Back To Top Left" content="0">
  67. <meta name="if:Caption" content="0">
  68. <meta name="if:Faded Images" content="0"/>
  69. <meta name="if:Fullscreen Background" content="1">
  70. <meta name="if:Grayscale" content="0"/>
  71. <meta name="if:Hidden Tumblr Controls" content="0"/>
  72. <meta name="if:Hover IMG Left" content="0"/>
  73. <meta name="if:Hover Link 1" content="1">
  74. <meta name="if:Hover Link 2" content="1">
  75. <meta name="if:Hover Link 3" content="1">
  76. <meta name="if:Hover Link 4" content="0">
  77. <meta name="if:Image In Sidebar" content="1">
  78. <meta name="if:Inverted Navicons" content="1"/>
  79. <meta name="if:InfiniteScroll" content="0" />
  80. <meta name="if:Light Tumblr Controls" content="1"/>
  81. <meta name="if:Permalink Borders" content="1"/>
  82. <meta name="if:Pixel Permalink" content="0"/>
  83. <meta name="if:Rounded Corners" content="1">
  84. <meta name="if:Scrollbar 1" content="0">
  85. <meta name="if:Scrollbar 2" content="1">
  86. <meta name="if:Shadow" content="1">
  87. <meta name="if:Show Reblog on Perma" content="1">
  88. <meta name="if:Show Tag" content="1" />
  89. <meta name="if:Sidebar Borders" content="1"/>
  90. <meta name="if:Transparent Footer" content="0"/>
  91. <meta name="if:Transparent Posts" content="1">
  92. <meta name="if:Transparent Sidebar" content="1"/>
  93.  
  94. <meta name="select:Body Font" content="Berry" title="Berry"/>
  95. <meta name="select:Body Font" content="Bitxmap" title="Bitxmap"/>
  96. <meta name="select:Body Font" content="Handy" title="Handy"/>
  97. <meta name="select:Body Font" content="Little Font" title="Little Font"/>
  98. <meta name="select:Body Font" content="Silkscreen" title="Silkscreen"/>
  99.  
  100. <meta name="select:Footer Font" content="Berry" title="Berry"/>
  101. <meta name="select:Footer Font" content="Bitxmap" title="Bitxmap"/>
  102. <meta name="select:Footer Font" content="Handy" title="Handy"/>
  103. <meta name="select:Footer Font" content="Little Font" title="Little Font"/>
  104. <meta name="select:Footer Font" content="Silkscreen" title="Silkscreen"/>
  105.  
  106. <meta name="select:Post Border" content="Solid" title="Solid">
  107. <meta name="select:Post Border" content="Dashed" title="Dashed">
  108. <meta name="select:Post Border" content="Dotted" title="Dotted">
  109. <meta name="select:Post Border" content="Double" title="Double">
  110. <meta name="select:Post Border" content="None" title="None">
  111. <meta name="select:Post Color" content="0,0,0" title="Dark">
  112. <meta name="select:Post Color" content="255,255,255" title="Light">
  113. <meta name="select:Post Transparency" content="1" title="Opaque">
  114. <meta name="select:Post Transparency" content=".9" title="90%">
  115. <meta name="select:Post Transparency" content=".8" title="80%">
  116. <meta name="select:Post Transparency" content=".7" title="70%">
  117. <meta name="select:Post Transparency" content=".6" title="60%">
  118. <meta name="select:Post Transparency" content=".5" title="50%">
  119. <meta name="select:Post Transparency" content=".4" title="40%">
  120. <meta name="select:Post Transparency" content=".3" title="30%">
  121. <meta name="select:Post Transparency" content=".2" title="20%">
  122. <meta name="select:Post Transparency" content=".1" title="10%">
  123. <meta name="select:Post Transparency" content=".0" title="Transparent">
  124. <meta name="select:Sidebar Border" content="Solid" title="Solid">
  125. <meta name="select:Sidebar Border" content="Dashed" title="Dashed">
  126. <meta name="select:Sidebar Border" content="Dotted" title="Dotted">
  127. <meta name="select:Sidebar Border" content="Double" title="Double">
  128. <meta name="select:Sidebar Border" content="None" title="None">
  129. <meta name="select:Sidebar Color" content="0,0,0" title="Dark">
  130. <meta name="select:Sidebar Color" content="255,255,255" title="Light">
  131. <meta name="select:Sidebar Transparency" content="1" title="Opaque">
  132. <meta name="select:Sidebar Transparency" content=".9" title="90%">
  133. <meta name="select:Sidebar Transparency" content=".8" title="80%">
  134. <meta name="select:Sidebar Transparency" content=".7" title="70%">
  135. <meta name="select:Sidebar Transparency" content=".6" title="60%">
  136. <meta name="select:Sidebar Transparency" content=".5" title="50%">
  137. <meta name="select:Sidebar Transparency" content=".4" title="40%">
  138. <meta name="select:Sidebar Transparency" content=".3" title="30%">
  139. <meta name="select:Sidebar Transparency" content=".2" title="20%">
  140. <meta name="select:Sidebar Transparency" content=".1" title="10%">
  141. <meta name="select:Sidebar Transparency" content=".0" title="Transparent">
  142.  
  143. <meta name="text:Audio Pixel" content="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"/>
  144. <meta name="text:Banner Opacity" content="1"/>
  145. <meta name="text:Body Font Size" content="8px"/>
  146. <meta name="text:Footer Font Size" content="8px"/>
  147. <meta name="text:Hover IMG Margin X" content="10px"/>
  148. <meta name="text:Hover IMG Margin Y" content="0px"/>
  149. <meta name="text:Hover IMG Opacity" content="1"/>
  150.     <meta name="text:Link 1" content="Link 1"/>
  151.     <meta name="text:Link 1 URL" content=""/>
  152.     <meta name="text:Link 2" content="Link 2"/>
  153.     <meta name="text:Link 2 URL" content=""/>  
  154. <meta name="text:Link 3" content="Link 3"/>
  155. <meta name="text:Link 3 URL" content=""/>
  156. <meta name="text:Link 4" content="Link 4"/>
  157. <meta name="text:Link 4 URL" content=""/>
  158. <meta name="text:Link 5" content="Link 5"/>
  159. <meta name="text:Link 5 URL" content=""/>
  160. <meta name="text:Link 6" content="Link 6"/>
  161. <meta name="text:Link 6 URL" content=""/>
  162. <meta name="text:Navigation Title" content="Navigation"/>
  163. <meta name="text:Notes" content="Notes" />
  164. <meta name="text:Post Border Size" content="1px"/>
  165. <meta name="text:Post Margin" content="440px"/>
  166. <meta name="text:Sidebar Border Size" content="1px"/>
  167. <meta name="text:Sidebar Left" content="230px" />
  168. <meta name="text:Sidebar Top" content="250px" />
  169. <meta name="text:Sidebar Width" content="116px">
  170.  
  171.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  172.     <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title><link rel="shortcut icon" href="{favicon}" />
  173. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>  <link rel="alternate" type="application/rss+xml" href="{RSS}">
  174. <style type="text/css">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  175.  
  176. @font-face {font-family:"handy"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/handy00.ttf");}
  177. @font-face{font-family: "little font"; src: url('https://dl.dropboxusercontent.com/u/50899618/Fonts/tinytots.ttf');}
  178. @font-face {font-family:"berry"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/Pixel_Berry_08_84_Ltd.Edition.ttf");}
  179. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/u/50899618/Fonts/slkscr.ttf'); }
  180. @font-face {font-family:"bitxmap"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/BitxMap%20Font%20tfb.ttf")}
  181.  
  182. {block:IfLightTumblrControls}
  183.    iframe#tumblr_controls {position: fixed !important;z-index: 9999;-webkit-filter: invert(100%);
  184.     -moz-filter: invert(100%);
  185.     -o-filter: invert(100%);
  186.     -ms-filter: invert(100%);
  187.     filter: invert(100%);
  188.     opacity:0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  189. }
  190. iframe#tumblr_controls:hover {-webkit-filter: invert(100%);
  191.     -moz-filter: invert(100%);
  192.     -o-filter: invert(100%);
  193.     -ms-filter: invert(100%);
  194.     filter: invert(100%);
  195.     opacity:0.5;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  196. }
  197. {/block:IfLightTumblrControls}
  198. {block:IfHiddenTumblrControls}
  199.    iframe#tumblr_controls {position: fixed !important;z-index: 9999;-webkit-filter: invert(100%);
  200.     -moz-filter: invert(100%);
  201.     -o-filter: invert(100%);
  202.     -ms-filter: invert(100%);
  203.     filter: invert(100%);
  204.     opacity:0;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  205. }
  206. iframe#tumblr_controls:hover {-webkit-filter: invert(100%);
  207.     -moz-filter: invert(100%);
  208.     -o-filter: invert(100%);
  209.     -ms-filter: invert(100%);
  210.     filter: invert(100%);
  211.     opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  212. }
  213. {/block:IfHiddenTumblrControls}
  214.  
  215. {block:IfScrollbar1}
  216. ::-webkit-scrollbar{width:7px; height:8px;}
  217. ::-webkit-scrollbar-button:start:decrement
  218. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:{color:Scrollbar};}
  219. ::-webkit-scrollbar-track-piece{background-color:{color:Scrollbar BG};width:10px;}
  220. ::-webkit-scrollbar-thumb:vertical{
  221. height:50px;background-color:{color:Scrollbar};background-image:url({image:Scrollbar});
  222. border:1px solid {color:Scrollbar Border};}
  223. ::-webkit-scrollbar-thumb:horizontal{width:5px;background:{color:Scrollbar};background-image:url({image:Scrollbar}); border:1px solid {color:Scrollbar Border};}
  224. {/block:IfScrollbar1}
  225. {block:IfScrollbar2}
  226.  ::-webkit-scrollbar { height: 0px; width: 9px; background: {color:scrollbar}; border: 4px solid {color:Scrollbar BG}; opacity:0; } ::-webkit-scrollbar-thumb { background: {color:Scrollbar}; border: {color:Scrollbar BG} solid 2px; height: 8px; width: 11px; {block:IfRoundedCorners}border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;{/block:IfRoundedCorners} }
  227. {/block:IfScrollbar2}
  228.  
  229. body, a:hover
  230. body {
  231. background:{color:Background} url({image:Background}) center center fixed repeat;
  232. {block:IfFullscreenBackground}background-size:cover;{/block:IfFullscreenBackground}
  233. margin: 0;
  234. padding: 0;
  235. font-family:{select:Body Font};font-size:{text:Body Font Size};}
  236.  
  237.  #cursor {position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100%;cursor: url('{image:Cursor}'), url('{image:Cursor}'), progress !important;}
  238.  
  239. .clear {
  240. clear: both;
  241. height: 0px;
  242. overflow: hidden;
  243. }
  244.  
  245. a img {
  246. border: none;
  247. }
  248.  
  249. #banner {
  250. position: fixed;
  251. top: 0px;
  252. z-index:-1;
  253. background: url('{image:banner}') top fixed repeat-x;
  254. width:100%;
  255. height: 100%;
  256. opacity:{text:Banner Opacity};
  257. }
  258.  
  259. #wrapper {
  260. width:650px;
  261. margin: 0 auto;
  262. }
  263.  
  264. #wrapper #content {
  265. {block:If500px}width: 500px;{/block:If500px}
  266. {block:If400px}width: 400px;{/block:If400px}
  267. {block:If300px}width: 300px;{/block:If300px}
  268. {block:If250px}width: 250px;{/block:If250px}
  269. {block:If200px}width: 215px;{/block:If200px}
  270. margin-left:{text:Post Margin};
  271. margin-bottom:50px;
  272. float:left;
  273. overflow-x:hidden;
  274. overflow-y:hidden;
  275. }
  276.  
  277. #wrapper #content .post {
  278. {block:IfRoundedCorners}
  279. -webkit-border--radius:11px;
  280. -moz-border-radius:11px;
  281. border-radius:11px;
  282. {/block:IfRoundedCorners}
  283. font-family:{select:Body Font};
  284. font-size:{text:Body Font Size};
  285. {block:IfTransparentPosts}background-color:rgba({select:Post Color}, {select:Post Transparency});{/block:IfTransparentPosts}{block:IfNotTransparentPosts}background-color:{color:Post BG};{/block:IfNotTransparentPosts}
  286. padding:7px;
  287. position:relative;
  288. border: {text:Post Border Size} {select:Post Border} {color:Post Borders};
  289. margin-bottom:-40px;
  290. margin-top:35px;
  291. {block:IfShadow}
  292. -moz-box-shadow:  4px 4px 4px {color:Post Shadow};
  293. -webkit-box-shadow: 4px 4px 4px {color:Post Shadow};
  294. box-shadow: 4px 4px 4px {color:Post Shadow};
  295. {/block:IfShadow}
  296. {block:IfNotShadow}
  297. {/block:IfNotShadow}}
  298.  
  299. #wrapper #content .post .media {font-family:{select:Body Font};
  300. font-size:{text:Body Font Size};
  301. text-align: center;
  302. margin-bottom:0px;
  303. }
  304.  
  305. a {    color:{color:Link};
  306.     text-decoration:none;
  307.     -webkit-transition: all 0.2s linear;
  308.     -moz-transition: all 0.2s linear;
  309.     transition: all 0.2s linear;}
  310. a:hover {    
  311.     color:{color:Link Hover};
  312.     -webkit-transition: all 0.2s linear;
  313.     -moz-transition: all 0.2s linear;
  314.     transition: all 0.2s linear;}
  315.    
  316.     b, strong {!important; color:{color:bold}; font-weight:700 !important;}
  317. i, em {font: italic !important; color:{color:italic};}
  318.  
  319. #wrapper #content .post .quotebg {
  320. color: #aaa;
  321. opacity: 0.2;
  322. filter: alpha(opacity=20);
  323. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  324. position: absolute;
  325. top: 70px;
  326. left: 10px;
  327. }
  328.  
  329. #wrapper #content .post .quote {
  330. color:{color:Quote};
  331. font-family:{select:Body Font};
  332. font-size:{text:Body Font Size};
  333. line-height:15px;
  334. padding: 20px 20px 5px 20px;
  335. text-transform:uppercase;
  336. }
  337.  
  338. #wrapper #content .post .quote_source *:first-child {
  339. margin-top: 0px;
  340. }
  341.  
  342. #wrapper #content .post .quote_source *:last-child {
  343. margin-bottom: 0px;
  344. }
  345.  
  346. #wrapper #content .post .quote *:first-child {
  347. margin-top: 0px;
  348. }
  349.  
  350. #wrapper #content .post .quote *:last-child {
  351. margin-bottom: 0px;
  352. }
  353.  
  354. #wrapper #content .post .copy {
  355. color: {color:text};
  356. padding: 8px;
  357. font-size:{text:Body Font Size};
  358. line-height: 15px;
  359. }
  360.  
  361. #wrapper #content .post .copy a {
  362. color: {color:Link};
  363. text-decoration: none;
  364.  -webkit-transition: all 0.2s linear;
  365.   -moz-transition: all 0.2s linear;
  366.   transition: all 0.2s linear;
  367. }
  368.  
  369. #wrapper #content .post .copy a:hover {
  370. color: {color:Link Hover};
  371. text-decoration: none;
  372.  -webkit-transition: all 0.2s linear;
  373.  -moz-transition: all 0.2s linear;
  374.   transition: all 0.2s linear;
  375. }
  376.  
  377. #wrapper #content .post .copy p {
  378. margin: 10px 0 0 0;
  379. padding: 0;
  380. }
  381.  
  382. #wrapper #content .post .copy pre {
  383. margin: 10px 0px 10px 0px;
  384. padding: 10px;
  385. background-color: #f8f8f8;
  386. font: normal {text:Body Font Size} {text:Body Font}, monospace;
  387. overflow: auto;
  388. }
  389.  
  390. #wrapper #content .post .copy > p:first-child {
  391. margin-top: 0;
  392. }
  393.  
  394. #wrapper #content .post .copy img {
  395. max-width: 100%;
  396. }
  397.  
  398. #wrapper #content .post .question {
  399. color:{color:Ask Text};
  400. font-family:{select:Body Font};
  401. font-size:{text:Body Font Size};
  402. line-height:14px;
  403. background:{color:Ask BG};
  404. margin: 0 0 15px 0;
  405. padding: 15px 20px;
  406. position: relative;
  407. {block:IfRoundedCorners}
  408. -webkit-border-top-left-radius:6px;
  409. -webkit-border-top-right-radius:6px;
  410. -moz-border-radius-topleft:6px;
  411. -moz-border-radius-topright:6px;
  412. border-top-left-radius:6px;
  413. border-top-right-radius:6px;
  414. {/block:IfRoundedCorners}
  415. {block:IfPermalinkBorders}
  416. border:1px solid {color:Ask Border};
  417. {/block:IfPermalinkBorders}
  418. }
  419.  
  420. #wrapper #content .post .question .nipple {
  421. width: 13px;
  422. height: 7px;
  423. position: absolute;
  424. bottom: -7px;
  425. left: 30px;
  426. }
  427.  
  428. #wrapper #content .post .asker_container {
  429. margin: 0 0 20px 10px;
  430. }
  431.  
  432. #wrapper #content .post .asker_container img {
  433. margin: 0 12px -7px 0;
  434. {block:IfRoundedCorners}
  435. -moz-border-radius:5px;
  436. -webkit-border-radius:5px;
  437. border-radius:5px;
  438. {/block:IfRoundedCorners}
  439. }
  440.  
  441. #wrapper #content .post .asker_container a.asker {
  442. color: {color:Link};
  443. }
  444.  
  445. #wrapper #content .post .title {
  446. font-family:{select:Body Font};
  447. font-size:{text:Body Font Size};
  448. color:{color:Post Title};
  449. text-transform:uppercase;
  450. text-align:center;
  451. padding: 10px 10px 0 10px;
  452. }
  453.  
  454. #wrapper #content .post img {
  455. max-width:500px;
  456. }
  457.  
  458. #wrapper #content .post .chat {
  459. background-color:transparent;
  460. margin: 0px 0px 0 0px;
  461. font-size:{text:Body Font Size};
  462. }
  463.  
  464. #wrapper #content .post .chat .lines {
  465. margin-left: 0px;
  466. }
  467.  
  468. #wrapper #content .post .chat .lines .line {
  469. background-color:{color:Chat 1};
  470. color:{color:Chat Text};
  471. margin-bottom: 4px;
  472. padding: 7px 9px;
  473. {block:IfRoundedCorners}
  474. -webkit-border--radius:3px;
  475. -moz-border-radius:3px;
  476. border-radius:3px
  477. {/block:IfRoundedCorners}
  478. }
  479.  
  480. #wrapper #content .post .chat .lines .line.even {
  481. background-color: {color:Chat 2};
  482. {block:IfRoundedCorners}
  483. -webkit-border--radius:3px;
  484. -moz-border-radius:3px;
  485. border-radius:3px;
  486. {/block:IfRoundedCorners}
  487. }
  488.  
  489. #wrapper #content .post .link {
  490. margin: 4px 0 2px 0;
  491. font-size:{text:Body Font Size};
  492. text-transform:uppercase;
  493. text-align:center;
  494. }
  495.  
  496. #wrapper #content .post .link a {
  497. background-color:transparent
  498. color:{color:Link};
  499. padding: 5px 7px;
  500. }
  501.  
  502. #wrapper #content .post .link a:hover {
  503. opacity: 0.9;
  504. filter: alpha(opacity=90);
  505. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  506. color:{color:Link Hover};
  507. }
  508.  
  509. #wrapper #content .tags {
  510.     background: {color:Permalink BG};
  511.     {block:IfTransparentFooter}
  512.     background:transparent;
  513.     {/block:IfTransparentFooter}
  514. {block:IfRoundedCorners}-webkit-border-bottom-left-radius:4px;
  515. -webkit-border-bottom-right-radius:4px;
  516. -moz-border-radius-bottomleft:4px;
  517. -moz-border-radius-bottomright:4px;
  518. border-bottom-left-radius:4px;
  519. border-bottom-right-radius:4px;{/block:IfRoundedCorners}
  520. font-family:{select:Footer Font};font-size:{text:Footer Font Size};
  521.     color:{color:PermaText};
  522.     padding:5px;
  523.     margin-top: 3px;
  524.     text-align: center;
  525.     {block:IfPermalinkBorders}
  526.     border:1px solid {color:Permalink Borders};
  527.     {/block:IfPermalinkBorders}
  528.     }      
  529.    
  530. #wrapper #content .tags a {color:{color:Link};}
  531. #wrapper #content .tags a:hover { color:{color:Link Hover};}  
  532.  
  533. #wrapper #content .post .footer {
  534.     background:{color:Permalink BG};
  535.         {block:IfTransparentFooter}
  536.     background:transparent;
  537.     {/block:IfTransparentFooter}
  538.     {block:IfNotShowTag}
  539.   {block:IfRoundedCorners}-webkit-border-bottom-left-radius:4px;
  540. -webkit-border-bottom-right-radius:4px;
  541. -moz-border-radius-bottomleft:4px;
  542. -moz-border-radius-bottomright:4px;
  543. border-bottom-left-radius:4px;
  544. border-bottom-right-radius:4px;{/block:IfRoundedCorners}
  545. {/block:IfNotShowTag}
  546. font-family:{select:Footer Font};font-size:{text:Footer Font Size};
  547.     color: {color:Permatext};
  548.     padding:5px;
  549.     margin-top:0px;
  550.     {block:IfPermalinkBorders}
  551.     border:1px solid {color:Permalink Borders};
  552.     {/block:IfPermalinkBorder}
  553.     }    
  554.  
  555. #wrapper #content .post .footer.for_permalink:hover {
  556.     background:{color:Permalink BG};
  557.         {block:IfTransparentFooter}
  558.     background:transparent;
  559.     {/block:IfTransparentFooter}
  560.     }    
  561.  
  562. #wrapper #content .post .footer .date {
  563.     float: center;color:{color:Permatext};
  564.     }  
  565.  
  566. #wrapper #content .post .footer .notes {
  567.     float: left;color: #fff;
  568.     }    
  569.  
  570. #wrapper #content .post .footer .notes a {
  571.     color: #fff;
  572.     }    
  573.  
  574. #wrapper #content .post .footer .source {
  575.     float:right;color:#ccc
  576.     }
  577.  
  578. #wrapper #content .post a {
  579. color: #6e7173;
  580. text-decoration: none;
  581. }
  582.  
  583. #wrapper #content .post .copy blockquote {
  584. margin: 10px 0px 10px 10px;
  585. padding-left: 10px;
  586. border-left: double 4px {color:blockquote};
  587. }
  588.  
  589. #wrapper #content .bottom {
  590. width: 413px;
  591. height: 40px;
  592. margin: 0 auto;
  593. }
  594.  
  595. #wrapper #content #navigation {
  596. text-align:center;
  597. padding-bottom:20px;
  598. padding-top:40px;
  599. text-transform: lowercase;
  600. }
  601.  
  602. #wrapper #content #navigation a {
  603. {block:IfTransparentPosts}background-color:rgba({select:Post Color}, {select:Post Transparency});{/block:IfTransparentPosts}{block:IfNotTransparentPosts}background-color:{color:Post BG};{/block:IfNotTransparentPosts}
  604. color:{color:Link};
  605. padding: 7px 12px;
  606. text-decoration: none;
  607. font-family:{select:Footer Font};font-size:{text:Footer Font Size};
  608. margin-left:0px;
  609. {block:IfRoundedCorners}-webkit-border-bottom-left-radius:4px;
  610. -webkit-border-bottom-right-radius:4px;
  611. -moz-border-radius-bottomleft:4px;
  612. -moz-border-radius-bottomright:4px;
  613. border-bottom-left-radius:4px;
  614. border-bottom-right-radius:4px;{/block:IfRoundedCorners}
  615. border:{text:Post Border Size} {select:Post Border} {color:Post Borders};
  616. }
  617.  
  618. #wrapper #content #navigation a:hover {
  619. opacity: 0.7;
  620. filter: alpha(opacity=70);
  621. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  622. }
  623.  
  624. #wrapper #content #navigation.jump_pagination {}
  625. #wrapper #content #navigation.jump_pagination a {
  626. margin: 0 0 0 4px;
  627. }
  628.  
  629. #wrapper #content #navigation.jump_pagination .current_page {
  630. color: {color:Text};
  631. padding: 7px 12px;
  632. {block:IfTransparentPosts}background-color:rgba({select:Post Color}, {select:Post Transparency});{/block:IfTransparentPosts}{block:IfNotTransparentPosts}background-color:{color:Post BG};{/block:IfNotTransparentPosts}
  633. border:{text:Post Border Size} {select:Post Border} {color:Post Borders};
  634. font-family:{select:Footer Font};font-size:{text:Footer Font Size};
  635. margin-left:0px;
  636. {block:IfRoundedCorners}-webkit-border-bottom-left-radius:4px;
  637. -webkit-border-bottom-right-radius:4px;
  638. -moz-border-radius-bottomleft:4px;
  639. -moz-border-radius-bottomright:4px;
  640. border-bottom-left-radius:4px;
  641. border-bottom-right-radius:4px;{/block:IfRoundedCorners}
  642. }
  643.  
  644. #wrapper #content #navigation.jump_pagination .jump_page {}
  645.  
  646. #wrapper #content .post .notecontainer {
  647. background:transparent;
  648. {block:IfRoundedCorners}-moz-border-radius: 4px;
  649. -webkit-border-radius: 4px;
  650. border-radius: 4px;{/block:IfRoundedCorners}
  651. font-family:{select:Footer Font};font-size:{text:Footer Font Size};
  652. color: {color:bold};
  653. margin-top: 10px;
  654. margin-bottom: -10px;
  655. max-height:200px;
  656. overflow-y:scroll;
  657. }
  658.  
  659. #wrapper #content .post .notecontainer a {
  660. color:{color:Link};
  661. font-weight: bold;
  662. font-family:{select:Footer Font};font-size:{text:Footer Font Size};
  663. }
  664.  
  665. #wrapper #content .post .notecontainer a:hover {
  666. color:{color:Link Hover};
  667. font-weight: bold;
  668. }
  669.  
  670. #wrapper #content .post .notecontainer ol.notes {
  671. padding: 0px 0 10px 0;
  672. list-style-type: none;
  673. font-family:{select:Body Font};font-size:{text:Body Font Size};
  674. }
  675.  
  676. #wrapper #content .post .notecontainer ol.notes li.note {
  677. padding: 10px 10px 0 10px;
  678. }
  679.  
  680. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  681. vertical-align: -4px;
  682. margin-right: 10px;
  683. width: 16px;
  684. height: 16px;
  685. {block:IfRoundedCorners}
  686. -moz-border-radius: 10px;
  687. -webkit-border-radius: 10px;
  688. border-radius: 10px;
  689. {/block:IfRoundedCorners}
  690. }
  691.  
  692. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  693. font-weight: normal;
  694. }
  695.  
  696. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  697. font-weight: normal;
  698. }
  699.  
  700. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  701. border-left:4px double {color:Blockquote};
  702. padding: 4px 10px;
  703. margin: 10px 0px 0px 25px;
  704. }
  705.  
  706. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  707. text-decoration: none;
  708. }
  709.  
  710. #audio{{block:IndexPage}height:60px;overflow: hidden;{/block:IndexPage}
  711. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  712. transition: all 0.4s ease-out;
  713. -o-transition: all 0.4s ease-out;
  714. -webkit-transition: all 0.4s ease-out;
  715. -moz-transition: all 0.4s ease-out;}
  716.  
  717. #audio:hover{{block:IndexPage}height:100%;{/block:IndexPage}
  718. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  719. transition: all 0.4s ease-out;
  720. -o-transition: all 0.4s ease-out;
  721. -webkit-transition: all 0.4s ease-out;
  722. -moz-transition: all 0.4s ease-out;}
  723.  
  724. .tumblr_audio_player{height:40px;
  725. border:9px solid {color:Audio Border};
  726. {block:If200px}width:176px;{/block:If200px}
  727. {block:If250px}width:211px;{/block:If250px}
  728. {block:If300px}width:260px;{/block:If300px}
  729. {block:If400px}width:360px;{/block:If400px}
  730. {block:If500px}width:460px;{/block:If500px}
  731. {block:IfRoundedCorners}
  732. -webkit-border--radius:5px;
  733. -moz-border-radius:5px;
  734. border-radius:5px;
  735. {/block:IfRoundedCorners}
  736. }
  737.  
  738. #wrapper #sidebar {
  739. position:fixed !important;
  740. float: left;
  741. margin-top:{text:Sidebar Top};
  742. margin-left:{text:Sidebar Left};
  743. width:{text:Sidebar Width};
  744. color:{color:Text};
  745. font-family:{select:Body Font};
  746. font-size:{text:Body Font Size};
  747. line-height:15px;
  748.         }
  749.  
  750. #wrapper #sidebar #top {
  751. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  752. padding: 2px 5px 7px 5px;
  753. {block:IfRoundedCorners}-moz-border-radius: 10px; -webkit-border-radius: 10px;
  754. border-radius:10px 10px 10px 10px;
  755. {/block:IfRoundedCorners}
  756. border: {text:Sidebar Border Size} {select:Sidebar Border} {color:Sidebar Borders};
  757. }
  758.  
  759.  
  760. #wrapper #sidebar #top #description {
  761.     padding-top: 7px;
  762. font-family:{select:Body Font};font-size:{text:Body Font Size};
  763. position: relative;
  764. top:-2px;
  765. left:00.8px;
  766. }
  767.  
  768. #wrapper #sidebar #top #description a {
  769. color:{color:link};
  770. text-decoration: bold;
  771. }
  772.  
  773. #wrapper #sidebar #top #description a:hover {
  774. color: {color:link hover};
  775. text-decoration: bold;
  776. }
  777.  
  778. #wrapper #sidebar #top .content {
  779. margin-top: 2px;
  780. padding: 7px 10px;
  781. background: #eaeaea;
  782. color: #666;
  783. font-size: 12px;
  784. overflow: hidden;
  785. }
  786.  
  787. #wrapper #sidebar #top a {
  788. text-decoration: none;
  789. }
  790.  
  791. {block:IfHoverLink1}
  792. #tab1{
  793. width:17px;
  794. height:17px;
  795. position:absolute;
  796. margin:auto;
  797. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  798. -moz-transition-duration: 0.6s;
  799. -webkit-transition-duration: 0.6s;
  800. -o-transition-duration: 0.6s;
  801. top:-38px;
  802. left:20px;
  803. border:{text:Sidebar Border Size} {select:Sidebar Border} {color:Sidebar Borders};
  804. {block:IfRoundedCorners}
  805. -moz-border-radius: 4px; -webkit-border-radius: 4px;
  806. border-radius:4px 4px 4px 4px;
  807. {/block:IfRoundedCorners}
  808. }
  809.    
  810. #tab1:hover{
  811. left:20px;
  812. top:-43px;
  813. -moz-transition-duration: 0.6s;
  814. -webkit-transition-duration: 0.6s;
  815. -o-transition-duration: 0.6s;
  816. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  817. position:absolute;
  818. margin:auto;
  819. z-index:999999;
  820. }
  821. {/block:IfHoverLink1}
  822.  
  823. {block:IfHoverLink2}
  824. #tab2{
  825. width:17px;
  826. height:17px;
  827. position:absolute;
  828. margin:auto;
  829. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  830. -moz-transition-duration: 0.6s;
  831. -webkit-transition-duration: 0.6s;
  832. -o-transition-duration: 0.6s;
  833. top:-38px;
  834. left:50px;
  835. border:{text:Sidebar Border Size} {select:Sidebar Border} {color:Sidebar Borders};
  836. {block:IfRoundedCorners}
  837. -moz-border-radius: 4px; -webkit-border-radius: 4px;
  838. border-radius:4px 4px 4px 4px;
  839. {/block:IfRoundedCorners}
  840. }
  841.    
  842. #tab2:hover{
  843. left:50px;
  844. top:-43px;
  845. -moz-transition-duration: 0.6s;
  846. -webkit-transition-duration: 0.6s;
  847. -o-transition-duration: 0.6s;
  848. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  849. position:absolute;
  850. margin:auto;
  851. z-index:999999;
  852. }
  853. {/block:IfHoverLink2}
  854.  
  855. {block:IfHoverLink3}
  856. #tab3{
  857. width:17px;
  858. height:17px;
  859. position:absolute;
  860. margin:auto;
  861. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  862. -moz-transition-duration: 0.6s;
  863. -webkit-transition-duration: 0.6s;
  864. -o-transition-duration: 0.6s;
  865. top:-38px;
  866. left:80px;
  867. border:{text:Sidebar Border Size} {select:Sidebar Border} {color:Sidebar Borders};
  868. {block:IfRoundedCorners}
  869. -moz-border-radius: 4px; -webkit-border-radius: 4px;
  870. border-radius:4px 4px 4px 4px;
  871. {/block:IfRoundedCorners}
  872. }
  873.    
  874. #tab3:hover{
  875. left:80px;
  876. top:-43px;
  877. -moz-transition-duration: 0.6s;
  878. -webkit-transition-duration: 0.6s;
  879. -o-transition-duration: 0.6s;
  880. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  881. position:absolute;
  882. margin:auto;
  883. z-index:999999;
  884. }
  885. {/block:IfHoverLink3}
  886.  
  887. {block:IfHoverLink4}
  888. #tab4{
  889. width:17px;
  890. height:17px;
  891. position:absolute;
  892. margin:auto;
  893. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  894. -moz-transition-duration: 0.6s;
  895. -webkit-transition-duration: 0.6s;
  896. -o-transition-duration: 0.6s;
  897. top:-38px;
  898. left:110px;
  899. border:{text:Sidebar Border Size} {select:Sidebar Border} {color:Sidebar Borders};
  900. {block:IfRoundedCorners}
  901. -moz-border-radius: 4px; -webkit-border-radius: 4px;
  902. border-radius:4px 4px 4px 4px;
  903. {/block:IfRoundedCorners}
  904. }
  905.    
  906. #tab4:hover{
  907. left:110px;
  908. top:-43px;
  909. -moz-transition-duration: 0.6s;
  910. -webkit-transition-duration: 0.6s;
  911. -o-transition-duration: 0.6s;
  912. {block:IfTransparentSidebar}background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});{/block:IfTransparentSidebar}{block:IfNotTransparentSidebar}background-color:{color:Sidebar BG};background-image:url('{image:Sidebar BG}');{/block:IfNotTransparentSidebar}
  913. position:absolute;
  914. margin:auto;
  915. z-index:999999;
  916. }
  917. {/block:IfHoverLink4}
  918.  
  919.  
  920. {block:IfFadedImages}
  921. .photo{
  922. -webkit-transition: opacity 0.4s linear;
  923. opacity: 0.77;
  924. }
  925. .photo:hover{
  926. -webkit-transition: opacity 0.4s linear;
  927. opacity: 1;
  928.  
  929. }
  930. {/block:IfFadedImages}
  931.  
  932. {block:IfGrayscale}
  933. .photo{
  934. filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  935.   filter: gray; /* IE6-9 */
  936.  -webkit-filter: grayscale(1);
  937. -webkit-transition: all 0.4s ease-in-out;
  938. -moz-transition: all 0.4s ease-in-out;
  939. -o-transition: all 0.4s ease-in-out;
  940. -ms-transition: all 0.4s ease-in-out;
  941. transition: all 0.4s ease-in-out;
  942. }
  943.  .photo:hover{
  944.  filter: none;
  945. -webkit-filter: grayscale(0);
  946. -webkit-transition: all 0.7s ease-in-out;
  947. -moz-transition: all 0.7s ease-in-out;
  948. -o-transition: all 0.7s ease-in-out;
  949. }
  950. {/block:IfGrayscale}
  951.  
  952. .topp {bottom:0px;{block:IfBackToTopLeft}left:10px;{/block:IfBackToTopLeft}{block:IfNotBackToTopLeft}right:10px;{/block:IfNotBackToTopLeft}position:fixed;}
  953. .topp a{color:{color:title};text-shadow:0px 0px #ccc}
  954. .topp a:hover{color:{color:title hover};text-shadow:-0px -50px transparent}
  955.  
  956. #s-m-t-tooltip{
  957. background:{color:Tooltip BG};
  958. font-family:{select:Footer Font};font-size:{text:Footer Font Size};
  959. border:1px solid {color:Tooltip Border};
  960. text-transform:uppercase;
  961. color:{color:Tooltip Text};
  962. max-width: 100px;
  963. word-wrap: break-word;
  964. padding: 2px 5px 2px 6px;
  965. display: block;
  966. margin: 20px 10px 10px 10px;}
  967.  
  968. </style>
  969.  
  970.  
  971. <style type="text/css">{CustomCSS}</style>
  972. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  973.  
  974. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  975. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  976. <script>
  977.     (function($){
  978.         $(document).ready(function(){
  979.             $("[title]").style_my_tooltips();
  980.         });
  981.     })(jQuery);
  982. </script>
  983.  
  984. {block:IfInfiniteScroll}
  985. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  986. {/block:IfInfiniteScroll}
  987.  
  988. </head>
  989.  
  990. <body>
  991.  
  992. <div id="banner"></div>
  993. <div id="wrapper">
  994. <div id="content">
  995. <div class = "autopagerize_page_element" >
  996. {block:Posts}
  997. <div class="post">
  998. {block:Photo}
  999. <div class="media"><div class="photo">{LinkOpenTag}<a href="{Permalink}">
  1000. {block:If500px}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" />{/block:If500px}
  1001. {block:If400px}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" />{/block:If400px}
  1002. {block:If300px}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" />{/block:If300px}
  1003. {block:If250px}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" />{/block:If250px}
  1004. {block:if200px}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" />{/block:if200px}
  1005.  
  1006. {LinkCloseTag}</div></div></a>
  1007. {block:IfCaption}<div class="copy" style="padding-top:0px; padding-bottom:12px;">{Caption}</div>{/block:IfCaption}
  1008. {block:IfNotCaption}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaption}
  1009. {/block:Photo}
  1010.  
  1011. {block:Photoset} <div class="media"><div class="photo" style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div></div> {block:ifcaption} {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:ifcaption} {block:ifnotcaption} {block:permalinkpage} {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:permalinkpage} {/block:ifnotcaption} {/block:Photoset}
  1012.  
  1013. {block:Video}
  1014. <div class="media">
  1015. {block:if500px}<div style="width:478px; overflow-y:hidden; overflow-x:hidden;">{Video-500}</div>{/block:if500px}
  1016. {block:if400px}<div style="width:380px; overflow-y:hidden; overflow-x:hidden;">{Video-400}</div>{/block:if400px}
  1017. {block:if300px}<div style="width:284px; overflow-y:hidden; overflow-x:scroll;">{Video-250}</div>{/block:if300px}
  1018. {block:If250px}{Video-250}{/block:If250px}
  1019. {block:if200px}<div style="width:194px; overflow-y:hidden; overflow-x:scroll;">{Video-250}</div>{/block:if200px}
  1020. </div>
  1021. {block:IfCaption}<div class="copy" style="padding-top:0px; padding-bottom:12px;">{Caption}</div>{/block:IfCaption}
  1022. {block:IfNotCaption}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaption}
  1023. {/block:Video}
  1024.  
  1025. {block:Audio}
  1026.  
  1027. <div id="audio">
  1028. <a style="margin-top:20px;">
  1029. <div class="tumblr_audio_player" style="border:none;">
  1030.         {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  1031.         {block:AudioPlayer}
  1032.                 {block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}{block:IfNotAudioPlayerWhite}{AudioPlayerBlack}{/block:IfNotAudioPlayerWhite}{/block:AudioPlayer}
  1033. </div>
  1034. </a>
  1035.  
  1036. <div class="substuff" style="margin-left:0px;margin-top:30px;color:{color:Text};">
  1037.  
  1038. <img src="{text:Audio Pixel}"/> {block:Artist}{Artist}{/block:Artist}: {block:TrackName}{TrackName}{/block:TrackName}
  1039.    
  1040. </div></div>
  1041.    
  1042. <br>
  1043.  
  1044. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}
  1045.  
  1046. {/block:Audio}
  1047.  
  1048.  
  1049. {block:Quote}
  1050. <div class="quote {Length}">{Quote}</div>
  1051. <div class="copy">
  1052. <div class="quotebg">“</div>
  1053. {block:Source}
  1054. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1055. <tr>
  1056. <td valign="top" style="width:20px;">&mdash;</td>
  1057. <td valign="top" class="quote_source">
  1058. {Source}
  1059. </td>
  1060. </tr>
  1061. </table>
  1062. {/block:Source}
  1063. </div>
  1064. {/block:Quote}
  1065.  
  1066. {block:Text}
  1067. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1068. <div class="copy">{Body}</div>
  1069. {/block:Text}
  1070.  
  1071. {block:Answer}
  1072. <div class="question">
  1073. <div class="nipple"></div>
  1074. {Question}
  1075. </div>
  1076. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1077. <div class="copy" style="margin-top:-10px;">{Answer}</div>
  1078. {/block:Answer}
  1079.  
  1080. {block:Chat}
  1081. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1082. <div class="chat">
  1083. <div class="lines">
  1084. {block:Lines}
  1085. <div class="line {Alt}">{block:Label}<font style="text-transform:uppercase;">{Label}</font>{/block:Label} {Line}</div>
  1086. {/block:Lines}
  1087. </div>
  1088. </div>
  1089. <div class="clear"></div>
  1090. <div style="height:10px;"></div>
  1091. {/block:Chat}
  1092.  
  1093. {block:Link}
  1094. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1095. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1096. {/block:Link}
  1097.  
  1098. {block:Date}
  1099. <a href="{Permalink}"><div class="footer for_permalink"><center><div class="date"><a style="color:{color:permatext}"  href="{Permalink}" title="Permalink"> {NoteCount} {text:notes} {block:IfPixelPermalink}<img src="{image:Permalink Pixel}"> {/block:IfPixelPermalink}{block:IfNotPixelPermalink}→{/block:IfNotPixelPermalink} {TimeAgo}</a> {block:ifshowreblogonperma}{block:IfPixelPermalink}<img src="{image:Permalink Pixel}"> {/block:IfPixelPermalink}{block:IfNotPixelPermalink}→{/block:IfNotPixelPermalink} <a style="color:{color:reblog}" href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a> {/block:ifshowreblogonperma}</div>
  1100. <div class="clear"></div></div></a>
  1101. {/block:Date}
  1102.  
  1103. <div class="footer" style="
  1104. display:none;
  1105. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}">
  1106. {block:IfShowTags}{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">. </span>{/block:Tags}.</div>{/block:HasTags}{/block:IfShowTags}
  1107.  
  1108. {block:ContentSource}{block:Reblog}<a href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:Reblog}<a href="{SourceURL}" class="source_url">Source: {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
  1109.  
  1110. <div class="clear"></div>
  1111. </div>
  1112.  
  1113. {block:ifshowtag}{block:HasTags}<div class="tags" style="color:{color:Permatext};">{lang:Tags}: {block:Tags}
  1114. <a title="{Tag}" href="{TagURL}" style="color:{color:Tags};">{Tag}.</a></span>{/block:Tags}</div>{/block:HasTags} {/block:ifshowtag}
  1115. {block:ifnotshowtag}{block:permalinkpage}{block:HasTags}<div class="tags">{lang:Filed under}: {block:Tags}
  1116. <a title="{Tag}" href="{TagURL}">{Tag}.</a></span>{/block:Tags}</div>{/block:HasTags}{/block:permalinkpage}{/block:ifnotshowtag}
  1117.  
  1118. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>  {/block:PostNotes}
  1119.  
  1120. </div>
  1121.  
  1122. <div class="bottom"></div>
  1123. {/block:Posts}</div>
  1124.  
  1125. {block:IfNotInfiniteScroll}
  1126.  
  1127. {block:Pagination}
  1128. <div id="navigation" class="jump_pagination">
  1129. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  1130. {block:JumpPagination length="3"}
  1131. {block:CurrentPage}
  1132. <span class="current_page">{PageNumber}</span>
  1133. {/block:CurrentPage}
  1134. {block:JumpPage}
  1135. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1136. {/block:JumpPage}
  1137. {/block:JumpPagination}
  1138. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  1139. </div>
  1140. {/block:Pagination}
  1141.  
  1142.  
  1143. {/block:IfNotInfiniteScroll}
  1144. </div>
  1145.  
  1146. <div id="sidebar">
  1147.  
  1148. {block:ifatitle}<div class="titlos">
  1149. <a href="/" title="index">{text:a title}</a></div>{/block:ifatitle}
  1150. <div id="top">
  1151. <center>{block:ifnotatitle}<a href="/"><b><font size="0">{title}</font></b></a>{block:ifnotatitle}
  1152.  
  1153. {block:IfHoverLink1}<div id="tab1"><a href="/" title="index"><img src="http://static.tumblr.com/utqap6x/h6rmp3d91/tumblr_inline_mn2m1bdric1qz4rgp.png" width="10" style="padding-top:2px;padding-left:1px;opacity:.7;{block:IfInvertedNavicons}-webkit-filter: invert(100%);
  1154.    -moz-filter: invert(100%);
  1155.    -o-filter: invert(100%);
  1156.    -ms-filter: invert(100%);
  1157.    filter: invert(100%);{/block:IfInvertedNavicons}"></a></div>{/block:IfHoverLink1}
  1158.  
  1159. {block:IfHoverLink2}<div id="tab2"><a href="/ask" title="message"><img src="http://media.tumblr.com/a0d4166dc5d31df9addbd43943fa61df/tumblr_inline_mortm5nKXU1qz4rgp.png" width="10" style="padding-top:2px;padding-left:1px;opacity:.7;{block:IfInvertedNavicons}-webkit-filter: invert(100%);
  1160.    -moz-filter: invert(100%);
  1161.    -o-filter: invert(100%);
  1162.    -ms-filter: invert(100%);
  1163.    filter: invert(100%);{/block:IfInvertedNavicons}"></a></div>{/block:IfHoverLink2}
  1164.  
  1165. {block:IfHoverLink3}<div id="tab3"><a href="/archive" title="archive"><img src="http://media.tumblr.com/0326549b2c1e6312f0312d2347782a80/tumblr_inline_mortnoK5Ru1qz4rgp.png" width="10" style="padding-top:2px;padding-left:1px;opacity:.7;{block:IfInvertedNavicons}-webkit-filter: invert(100%);
  1166.    -moz-filter: invert(100%);
  1167.    -o-filter: invert(100%);
  1168.    -ms-filter: invert(100%);
  1169.    filter: invert(100%);{/block:IfInvertedNavicons}"></a></div>{/block:IfHoverLink3}
  1170.  
  1171. {block:IfHoverLink4}<div id="tab4"><a href="/submit" title="submit"><img src="http://media.tumblr.com/7be84258bd89cd8fb0a8c10fcf34dd4b/tumblr_inline_mmcflpsFeB1qz4rgp.png" width="16" style="padding-top:-2px;padding-left:1px;opacity:.7;{block:IfInvertedNavicons}-webkit-filter: invert(100%);
  1172.    -moz-filter: invert(100%);
  1173.    -o-filter: invert(100%);
  1174.    -ms-filter: invert(100%);
  1175.    filter: invert(100%);{/block:IfInvertedNavicons}"></a></div>{/block:IfHoverLink4}
  1176.  
  1177.  
  1178. <div id="description">
  1179. {block:IfImageInSidebar}<a title="{Title}" href="/"><div class="photo"><img width="100%" src="{image:Sidebar}" style="{block:IfRoundedCorners}
  1180. -webkit-border-top-left-radius:6px;
  1181. -webkit-border-top-right-radius:6px;
  1182. -moz-border-radius-topleft:6px;
  1183. -moz-border-radius-topright:6px;
  1184. border-top-left-radius:6px;
  1185. border-top-right-radius:6px;
  1186. {/block:IfRoundedCorners} padding-bottom:6px;" border=0></div></a>{/block:IfImageInSidebar}
  1187.  
  1188. {Description}</div>
  1189. <div class="clear"></div>
  1190.  
  1191. <div align="center"><form>
  1192. <select onChange="location=this.options[this.selectedIndex].value;" style="font-family:{select:Footer Font};font-size:{text:Footer Font Size};color:{color:Navigation Text};background-color:{color:Navigation BG};{block:IfSidebarBorders}border:1px solid {color:Navigation Border};{/block:IfSidebarBorders}-webkit-appearance: none;text-align:center; width:70px; {block:IfRoundedCorners}
  1193. -webkit-border-radius:4px;
  1194. -moz-border-radius:4px;
  1195. border-radius:4px;
  1196. {/block:IfRoundedCorners}margin-top:5px;">
  1197. <option value="">{text:navigation title}</option>
  1198. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  1199. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  1200. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  1201. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  1202. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}
  1203. {block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}
  1204. <option value="http://maomu.tumblr.com">theme</option>
  1205. </select>
  1206. </form></center>
  1207. </div>
  1208. </div>
  1209.  
  1210. </div>
  1211. </div>
  1212.  
  1213. <div id="cursor"></div>
  1214.  
  1215. {block:IndexPage}
  1216. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  1217. <div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="back to top"><img src="{image:Back To Top}"></a></div>
  1218. {/block:IndexPage}
  1219.  
  1220. <div class="img">
  1221. <div style="position:fixed; bottom:{text:Hover IMG Margin Y}; {block:IfHoverIMGLeft}left:{text:Hover IMG Margin X};{/block:IfHoverIMGLeft}{block:IfNotHoverIMGLeft}right:{text:Hover IMG Margin X};{/block:IfNotHoverIMGLeft} opacity:{text:Hover IMG Opacity}">
  1222. <img src="{image:Hover Image}" width="100%" />
  1223.  
  1224. </body>
  1225. </html>
  1226. <style type="text/css">body, a:hover {cursor: url('{image:Cursor}'), progress !important;}</style>
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!