API tools faq
paste
sullissi

theme that pisses me off.

sullissi
Apr 27th, 2012
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.87 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. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/imovwvl/OGZlte91s/clear.css" />
  9. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/imovwvl/BzRl3ghe1/droidserif.css" />
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
  11. <meta http-equiv="Content-Type" content="text/javascript; charset=utf-8" />
  12. <meta name="description" content="{MetaDescription}" />
  13.  
  14. <!--
  15. THEME BY ELLETRICITY
  16. Theme Name: Greying.
  17. Theme URI: http://www.tumblr.com/theme/13410
  18. Theme Version: v.1.111115
  19. Author: Gabrielle Wee
  20. Credit: http://elletricity.com
  21. Music Overlays: http://komodomedia.com
  22. -->
  23.  
  24. <meta name="if:Wide Layout" content="0"/>
  25. <meta name="if:Reverse Layout" content="0"/>
  26. <meta name="if:Content Background" content="0"/>
  27. <meta name="color:Content Background" content="#ffffff"/>
  28. <meta name="if:Transparent White Content Background" content="0"/>
  29. <meta name="if:Transparent Black Content Background" content="0"/>
  30.  
  31. <meta name="if:Link Hover Background" content="1"/>
  32. <meta name="if:Underlined Links" content="1"/>
  33. <meta name="if:Link Transitions" content="0"/>
  34.  
  35. <meta name="color:Background" content="#ffffff"/>
  36. <meta name="image:Background" content=""/>
  37. <meta name="text:Background Position" content="center center"/>
  38. <meta name="if:Tiled Background" content="1"/>
  39. <meta name="if:Scrolling Background" content="0"/>
  40.  
  41. <meta name="if:Capitalized Headers" content="1"/>
  42. <meta name="if:Spaced Headers" content="1"/>
  43. <meta name="if:Bolded Headers" content="0"/>
  44. <meta name="font:Header" content="'Droid Serif', serif"/>
  45. <meta name="text:Header Size" content="25"/>
  46. <meta name="color:Header" content="#343434"/>
  47. <meta name="if:Show Header" content="1"/>
  48.  
  49. <meta name="font:Text" content="Helvetica, Arial, sane-serif"/>
  50. <meta name="color:Text" content="#343434"/>
  51. <meta name="text:Text Size" content="11"/>
  52. <meta name="if:Anti Aliased Text" content="1"/>
  53.  
  54. <meta name="color:Link" content="#343434"/>
  55. <meta name="color:Link Hover" content="#343434"/>
  56. <meta name="color:Link Hover Background" content="#ffff00"/>
  57.  
  58. <meta name="text:Blockquote Border Width" content="1"/>
  59. <meta name="text:Blockquote Border Style" content="solid"/>
  60. <meta name="text:List Bullet Style" content="square"/>
  61.  
  62. <meta name="image:Banner" content=""/>
  63. <meta name="if:Fixed Banner" content="1"/>
  64.  
  65. <meta name="text:Post Spacing" content="25"/>
  66. <meta name="text:Title Size" content="20"/>
  67. <meta name="text:Tags Size" content="10"/>
  68. <meta name="color:Tags" content="#909090"/>
  69. <meta name="color:Date" content="#343434"/>
  70. <meta name="color:Date Hover" content="#343434"/>
  71. <meta name="if:Show Post Author" content="0"/>
  72. <meta name="if:Numeric Date" content="0"/>
  73. <meta name="if:Show Time Ago" content="1"/>
  74. <meta name="if:Show Time" content="1"/>
  75.  
  76. <meta name="if:Zoom" content="1"/>
  77. <meta name="if:Make All Images Full Width" content="0"/>
  78. <meta name="text:Quote Size" content="17"/>
  79. <meta name="if:Alternate Album Art" content="0"/>
  80. <meta name="if:Plain Album Art" content="0"/>
  81. <meta name="if:White Audio Player" content="0"/>
  82. <meta name="text:Question Size" content="12"/>
  83. <meta name="if:Italic Quotes" content="1"/>
  84. <meta name="color:Chat Line" content="#eeeeee"/>
  85. <meta name="image:Chat Line Background" content=""/>
  86.  
  87. <meta name="if:Fixed Sidebar" content="1"/>
  88. <meta name="if:Justified Sidebar" content="0"/>
  89. <meta name="if:Show Group Members" content="0"/>
  90. <meta name="image:Custom Profile Picture" content=""/>
  91. <meta name="if:Full Width Icon" content="0"/>
  92. <meta name="if:Small Icon" content="0"/>
  93. <meta name="if:Top Navigation" content="1"/>
  94. <meta name="color:Nav Hover" content="#ffffff"/>
  95. <meta name="color:Nav Hover Background" content="#565656"/>
  96. <meta name="if:Archive Button" content="1"/>
  97. <meta name="if:RSS Button" content="1"/>
  98. <meta name="if:Likes Button" content="0"/>
  99. <meta name="if:Twitter" content="0"/>
  100. <meta name="text:Twitter Size" content="14"/>
  101. <meta name="if:Searchbar" content="0"/>
  102. <meta name="if:Jump Pagination" content="1"/>
  103. <meta name="text:Footer Size" content="9"/>
  104. <meta name="if:Show Following" content="0"/>
  105.  
  106. <meta name="if:Streampad" content="0"/>
  107. <meta name="color:Streampad" content="#343434"/>
  108. <meta name="color:Streampad Text" content="#ffffff"/>
  109.  
  110. <meta name="text:Disqus Shortname" content=""/>
  111. <meta name="text:Flickr ID" content=""/>
  112. <meta name="if:Show Likes" content="0"/>
  113. <meta name="text:Search Results Size" content="15"/>
  114. <meta name="if:Faded Images" content="0"/>
  115. <meta name="if:Endless Scrolling" content="0"/>
  116.  
  117. <style type="text/css">
  118. body {
  119. background: {color:Background}{block:ifBackgroundImage} url('{image:Background}'){/block:ifBackgroundImage}{block:ifNotTiledBackground} no-repeat{/block:ifNotTiledBackground}{block:ifNotScrollingBackground} fixed{/block:ifNotScrollingBackground} {text:Background Position};
  120. font: {text:Text Size}px {font:Text};
  121. color: {color:Text};
  122. {block:ifAntiAliasedText}-webkit-text-stroke: 1px transparent;
  123. -moz-text-stroke: 1px transparent;
  124. -o-text-stroke: 1px transparent;
  125. text-stroke: 1px transparent;{/block:ifAntiAliasedText}
  126. word-wrap: break-word;
  127. }
  128.  
  129. a, a:link, a:active, a:visited {
  130. color: {color:Link};
  131. {block:ifNotUnderlinedLinks}text-decoration: none!important;{/block:ifNotUnderlinedLinks}
  132. {block:ifLinkTransitions}-webkit-transition: color 1.5s linear;
  133. -moz-transition: color 1.5s linear;
  134. -o-transition: color 1.5s linear;
  135. transition: color 1.5s linear;{/block:ifLinkTransitions}
  136. }
  137. a:hover {
  138. color: {color:Link Hover};
  139. {block:ifLinkHoverBackground}background: {color:Link Hover Background};{/block:ifLinkHoverBackground}
  140. {block:ifLinkTransitions}-webkit-transition: color .1s linear;
  141. -moz-transition: color .1s linear;
  142. -o-transition: color .1s linear;
  143. transition: color .1s linear;{/block:ifLinkTransitions}
  144. }
  145. img, a img {
  146. border: 0;
  147. {block:ifFadedImages}opacity: 0.5;
  148. filter: alpha(opacity=50);
  149. -webkit-transition: opacity 1.5s linear;
  150. -moz-transition: opacity 1.5s linear;
  151. -o-transition: opacity 1.5s linear;
  152. transition: opacity 1.5s linear;{/block:ifFadedImages}
  153. }
  154. img:hover, a:hover img {
  155. background: none!important;
  156. {block:ifFadedImages}opacity: 1;
  157. filter: alpha(opacity=100);
  158. -webkit-transition: opacity .1s linear;
  159. -moz-transition: opacity 1.5s linear;
  160. -o-transition: opacity .1s linear;
  161. transition: opacity .1s linear;{/block:ifFadedImages}
  162. }
  163. blockquote {
  164. margin: 5px 0 0 11px;
  165. padding-left: 10px;
  166. border-left: {text:Blockquote Border Width}px {text:Blockquote Border Style};
  167. }
  168. blockquote img, blockquote a img {
  169. max-width: 490px;
  170. }
  171. p {
  172. padding-top: 7px;
  173. }
  174. ol, ul {
  175. padding: 5px 0 0 25px;
  176. }
  177. ul {
  178. list-style-type: {text:List Bullet Style};
  179. }
  180. ol {
  181. list-style-type: decimal;
  182. }
  183. blockquote p:first-child, blockquote ul:first-child, blockquote ol:first-child, .body p:first-child, .body ul:first-child, .body ol:first-child {
  184. padding-top: 0;
  185. }
  186. ul ul, ul ol, ol ol, ol ul {
  187. padding-bottom: 5px;
  188. }
  189. blockquote p:first-child, blockquote ul:first-child, blockquote ol:first-child {
  190. padding-top: 0;
  191. }
  192. pre {
  193. padding: 7px;
  194. word-wrap: break-word;
  195. background: {color:Chat Line} url('{image:Chat Line Background}');
  196. max-height: 300px;
  197. overflow: auto;
  198. }
  199.  
  200. #container {
  201. margin: auto;
  202. padding: 0px;
  203. }
  204. #content {
  205. margin: 0 auto 25px;
  206. {block:ifNotWideLayout}width: 775px;{/block:ifNotWideLayout}
  207. {block:ifWideLayout}width: 975px;{/block:ifWideLayout}
  208. height: 100%;
  209. padding: 0;
  210. {block:ifStreampad}margin-bottom: 25px!important;{/block:ifStreampad}
  211. }
  212. #spacer {
  213. position: relative;
  214. z-index: 999999;
  215. height: 75px;
  216. width: 775px;
  217. {block:ifBannerImage}{block:ifFixedBanner}position: fixed;
  218. background-color: {color:Background};
  219. background-image: url('{image:Background}');
  220. background-repeat: no-repeat;
  221. background-attachment: fixed;
  222. background-position: {text:Background Position};
  223. {block:ifTiledBackground}background-repeat: repeat!important;{/block:ifTiledBackground}
  224. {block:ifScrollingBackground}background-attachment: scroll!important;{/block:ifScrollingBackground}{/block:ifFixedBanner}{block:ifBannerImage}
  225. }
  226.  
  227. {block:ifBannerImage}
  228. #banner {
  229. width: 775px;
  230. text-align: center;
  231. {block:ifFixedBanner}position: fixed;
  232. z-index: 3;
  233. max-height: 100px;
  234. margin-top: 75px;
  235. background-color: {color:Background};
  236. background-image: url('{image:Background}');
  237. background-repeat: no-repeat;
  238. background-attachment: fixed;
  239. background-position: {text:Background Position};
  240. {block:ifTiledBackground}background-repeat: repeat!important;{/block:ifTiledBackground}
  241. {block:ifScrollingBackground}background-attachment: scroll!important;{/block:ifScrollingBackground}{/block:ifFixedBanner}
  242. }
  243. #banner img {
  244. {block:ifNotWideLayout}max-width: 775px!important;{/block:ifNotWideLayout}
  245. {block:ifWideLayout}max-width: 975px!important;{/block:ifWideLayout}
  246. {block:ifFixedBanner}max-height: 50px;{/block:ifFixedBanner}
  247. }
  248. {/block:ifBannerImage}
  249.  
  250. {block:ifContentBackground}#background {
  251. {block:ifNotWideLayout}width: 775px;{/block:ifNotWideLayout}
  252. {block:ifWideLayout}width: 975px;{/block:ifWideLayout}
  253. padding: 5px;
  254. background: {color:Content Background};
  255. {block:ifTransparentWhiteContentBackground}background: rgba(255,255,255,0.75){/block:ifTransparentWhiteContentBackground}
  256. {block:ifTransparentBlackContentBackground}background: rgba(0,0,0,0.75){/block:ifTransparentBlackContentBackground}
  257. }{/block:ifContentBackground}
  258.  
  259. #main {
  260. {block:ifBannerImage}{block:ifFixedBanner}margin-top: 150px;{/block:ifFixedBanner}
  261. {block:ifNotFixedBanner}margin-top: 20px;{/block:ifNotFixedBanner}{/block:ifBannerImage}
  262. {block:ifNotReverseLayout}float: left;{block:ifNotReverseLayout}
  263. {block:ifReverseLayout}float: right;{/block:ifReverseLayout}
  264. {block:ifNotWideLayout}width: 500px;{/block:ifNotWideLayout}
  265. {block:ifWideLayout}width: 700px;{/block:ifWideLayout}
  266. }
  267.  
  268. h1, h2, h1 a, h2 a {
  269. font-family: {font:Header};
  270. {block:ifBoldedHeaders}font-weight: bold;{/block:ifBoldedHeaders}
  271. {block:ifCapitalizedHeaders}text-transform: uppercase;{/block:ifCapitalizedHeaders}
  272. text-decoration: none;
  273. }
  274. h1, h1 a {
  275. font-size: {text:Header Size}px;
  276. color: {color:Header}!important;
  277. {block:ifSpacedHeaders}letter-spacing: 2px;{/block:ifSpacedHeaders}
  278. {block:ifNotShowHeader}display: none;{/block:ifNotShowHeader}
  279. }
  280. h2 {
  281. font-size: {text:Title Size}px;
  282. {block:ifSpacedHeaders}letter-spacing: 2px;{/block:ifSpacedHeaders}
  283. }
  284. h3 {
  285. font: {block:ifItalicQuotes}italic {/block:ifItalicQuotes}{block:ifBoldedHeaders} bold {/block:ifBoldedHeaders} {text:Quote Size}px {font:Header};
  286. }
  287. #disqus_thread h3, #disqus_thread h3 {
  288. font-family: {font:Header};
  289. font-size: {text:Title Size}px;
  290. {block:ifBoldedHeaders}font-weight: bold;{/block:ifBoldedHeaders}
  291. font-style: normal;
  292. {block:ifCapitalizedHeaders}text-transform: uppercase;{/block:ifCapitalizedHeaders}
  293. text-decoration: none;
  294. }
  295. h4 {
  296. font: {text:Question Size}px {font:Header};
  297. padding: 5px;
  298. background: {color:Chat Line} url('{image:Chat Line Background}');
  299. }
  300. h4 a {
  301. background: {color:Chat Line} url('{image:Chat Line Background}')!important;
  302. }
  303. h4 a:hover {
  304. background: {block:ifLinkHoverBackground}{color:Link Hover Background}{/block:ifLinkHoverBackground} url('{image:Chat Line Background}')!important;
  305. }
  306.  
  307. #sidebar {
  308. {block:ifBannerImage}{block:ifFixedBanner}margin-top: 150px;{/block:ifFixedBanner}
  309. {block:ifNotFixedBanner}margin-top: 20px;{/block:ifNotFixedBanner}{block:ifBannerImage}
  310. {block:ifFixedSidebar}
  311. position: fixed;
  312. {block:ifNotWideLayout}margin-left: 525px;{/block:ifNotWideLayout}
  313. {block:ifWideLayout}margin-left: 725px;{/block:ifWideLayout}
  314. {/block:ifFixedSidebar}
  315. {block:ifNotFixedSidebar}float: right;{/block:ifNotFixedSidebar}
  316. {block:ifShowFollowing}position: relative!important;
  317. margin-left: 0!important;
  318. float: right;{/block:ifShowFollowing}
  319. {block:ifShowLikes}position: relative!important;
  320. margin-left: 0!important;
  321. float: right;{/block:ifShowLikes}
  322. width: 250px;
  323. {block:ifReverseLayout}
  324. float: left;
  325. {block:ifFixedSidebar}position: fixed;
  326. margin-left: 0;{/block:ifFixedSidebar}
  327. {/block:ifReverseLayout}
  328. }
  329. {block:ifFullWidthIcon}#wide {
  330. background: url('{PortraitURL-128}') center center;
  331. width: 250px;
  332. height: 128px;
  333. }
  334. #wide:hover {
  335. background-position: center left;
  336. }
  337. #wide a {
  338. display: block;
  339. width: 250px;
  340. height: 128px;
  341. }
  342. #wide a:hover {
  343. background: none!important;
  344. }{/block:ifFullWidthIcon}
  345. #desc {
  346. margin-top: 5px;
  347. {block:ifJustifiedSidebar}text-align: center;{/block:ifJustifiedSidebar}
  348. }
  349.  
  350. #twitter {
  351. overflow: auto;
  352. margin-top: 8px;
  353. }
  354. #birdy {
  355. margin-top: -6px;
  356. }
  357. #birdy a img {
  358. background: none!important;
  359. width: 28px;
  360. margin-right: 5px;
  361. }
  362. #tweets {
  363. font: {text:Twitter Size}px {font:Header};
  364. }
  365.  
  366. #flickr_badge_wrapper img {
  367. float: left;
  368. margin-left: 12px;
  369. }
  370. #flickr_badge_uber_wrapper {
  371. margin: 8px 0 10px -12px;
  372. }
  373. small.right {
  374. margin-top: 3px;
  375. }
  376.  
  377. {block:ifShowLikes}
  378. #likes {
  379. list-style-type: none;
  380. padding: 0;
  381. margin: 8px 0 0 0;
  382. }
  383. #likes li {
  384. margin-bottom: 8px;
  385. }
  386. .like_quote {
  387. font: {block:ifItalicQuotes}italic {/block:ifItalicQuotes}115% {font:Header};
  388. }
  389. .like_left_quote, .like_right_quote {
  390. display: none;
  391. }
  392. .like_link a {
  393. display: inline-block;
  394. }
  395. .like_link a, .like_title {
  396. margin-bottom: -5px;
  397. font: {block:ifBoldedHeaders}bold {/block:ifBoldedHeaders}150% {font:Header};
  398. {block:ifCapitalizedHeaders}text-transform: uppercase;{/block:ifCapitalizedHeaders}
  399. text-decoration: none!important;
  400. {block:ifSpacedHeaders}letter-spacing: 1px;{/block:ifSpacedHeaders}
  401. }
  402. .like_audio {
  403. text-align: center;
  404. width: 250px;
  405. background: #000;
  406. margin-bottom: -10px;
  407. }
  408. {/block:ifShowLikes}
  409.  
  410. {block:ifSearchbar}input {
  411. margin-top: 8px;
  412. padding: 2px 4px;
  413. width: 100%;
  414. border: 0;
  415. background: {color:Chat Line} url('{image:Chat Line Background}');
  416. font: {text:Text Size}px {font:Text};
  417. color: {color:Text};
  418. {block:ifAntiAliasedText}-webkit-text-stroke: 1px transparent;
  419. -moz-text-stroke: 1px transparent;
  420. -o-text-stroke: 1px transparent;
  421. text-stroke: 1px transparent;{/block:ifAntiAliasedText}
  422. }{/block:ifSearchbar}
  423.  
  424. #pages {
  425. margin-left: -2px;
  426. padding: 0;
  427. list-style-type: none;
  428. }
  429. #pages li {
  430. float: left;
  431. width: 124px;
  432. margin-left: 2px;
  433. }
  434. #pages a {
  435. display: block;
  436. margin-top: 2px;
  437. background: {color:Chat Line};
  438. padding: 3px 6px;
  439. }
  440. #pages a:hover {
  441. color: {color:Nav Hover};
  442. background: {color:Nav Hover Background};
  443. }
  444. .page {
  445. font-weight: bold;
  446. }
  447.  
  448. #pag {
  449. margin-top: 8px; text-align: center;
  450. }
  451. #pag a {
  452. color: {color:Text};
  453. }
  454. #pag a, #footer a, #pages a, .page {
  455. text-decoration: none;
  456. }
  457. #current, #pag a {
  458. padding: 0 2px;
  459. }
  460.  
  461. #footer {
  462. text-align: center;
  463. margin-top: 8px;
  464. }
  465. #footer p {
  466. padding-top: 3px!important;
  467. }
  468. #footer, #footer a {
  469. font: {text:Footer Size}px {font:Header};
  470. color: {color:Tags};
  471. {block:ifCapitalizedHeaders}text-transform: uppercase;{/block:ifCapitalizedHeaders}
  472. text-decoration: none;
  473. {block:ifSpacedHeaders}letter-spacing: 1px;{/block:ifSpacedHeaders}
  474. }
  475.  
  476. #following {
  477. margin-top: 8px;
  478. }
  479. #following img, #group img {
  480. margin: 1px 1px 0 0;
  481. }
  482. #group {
  483. margin-bottom: 5px;
  484. }
  485.  
  486. .results {
  487. margin-bottom: 15px;
  488. text-align: center;
  489. }
  490.  
  491. .results h3, .results a {
  492. color: {color:Tags};
  493. font-size: {text:Search Result Size}px!important;
  494. }
  495.  
  496. .post {
  497. margin-bottom: {text:Post Spacing}px;
  498. }
  499. .post img {
  500. {block:ifNotWideLayout}max-width: 500px;{/block:ifNotWideLayout}
  501. {block:ifWideLayout}max-width: 700px;{/block:ifWideLayout}
  502. }
  503. {block:ifMakeAllImagesFullWidth}.photo img {
  504. {block:ifNotWideLayout}width: 500px!important;{/block:ifNotWideLayout}
  505. {block:ifWideLayout}width: 700px!important;{/block:ifWideLayout}
  506. }{/block:ifMakeAllImagesFullWidth}
  507. .tags {
  508. margin-top: 5px;
  509. }
  510. .tags a {
  511. font-size: {text:Tags Size}px;
  512. color: {color:Tags};
  513. text-decoration: none;
  514. }
  515. .date {
  516. margin-top: 5px;
  517. }
  518. .date, .date a, #pag, #current, #pag .center a {
  519. font: 10px {font:Header};
  520. color: {color:Date};
  521. {block:ifCapitalizedHeaders}text-transform: uppercase;{/block:ifCapitalizedHeaders}
  522. text-decoration: none;
  523. {block:ifSpacedHeaders}letter-spacing: 1px;{/block:ifSpacedHeaders}
  524. }
  525. .date a:hover, #pag a:hover, #footer a:hover {
  526. color: {color:Date Hover};
  527. }
  528. #notes {
  529. margin-top: 25px;
  530. }
  531. #notes ol {
  532. padding: 0;
  533. list-style-type: none;
  534. }
  535. #notes li {
  536. margin-bottom: 10px;
  537. }
  538. .avatar {
  539. display: none;
  540. }
  541.  
  542. {block:ifZoom}.zoom, .zoom:hover {
  543. position: relative;
  544. z-index: 1;
  545. visibility: hidden;
  546. padding: 2px 4px;
  547. color: #fff!important;
  548. text-decoration: none;
  549. background: #000!important;
  550. background: rgba(0, 0, 0, 0.5)!important;
  551. }
  552. .photo img {
  553. position: relative;
  554. margin-top: -15px;
  555. z-index: 0;
  556. }
  557. .photo_container img {
  558. margin-top: 0!important;
  559. }
  560. .photo:hover .zoom {
  561. visibility: visible;
  562. }{/block:ifZoom}
  563.  
  564. .chat {
  565. padding: 0;
  566. list-style-type: none;
  567. }
  568. .chat li {
  569. padding: 5px 10px;
  570. }
  571. .odd {
  572. background: {color:Chat Line} url('{image:Chat Line Background}');
  573. }
  574.  
  575. {block:Posts}{block:AlbumArt}.cover {
  576. display: block;
  577. float: left;
  578. {block:ifNotAlternateAlbumArt}width: 96px;
  579. height: 76px;
  580. margin-left: -74px;
  581. background-image: url('http://static.tumblr.com/imovwvl/i1Hl4rcp8/vinyl.png');{/block:ifNotAlternateAlbumArt}
  582. {block:ifAlternateAlbumArt}width: 90px;
  583. height: 82px;
  584. margin-left: -85px;
  585. background-image: url('http://static.tumblr.com/imovwvl/BlXl8e6op/jewel.png');{/block:ifAlternateAlbumArt}
  586. z-index: 1;
  587. margin-right: 20px;
  588. }
  589. .album_art {
  590. display: block;
  591. float: left;
  592. {block:ifNotAlternateAlbumArt}margin-top: 1px;
  593. width: 72px;{/block:ifNotAlternateAlbumArt}
  594. {block:ifAlternateAlbumArt}margin-top: 2px;
  595. margin-left: 7px;
  596. width: 74px;{/block:ifAlternateAlbumArt}
  597. }
  598. {block:ifPlainAlbumArt}.cover {
  599. display: none!important;
  600. }
  601. .album_art {
  602. margin-top: 0;
  603. margin-left: 0;
  604. width: 70px;
  605. }
  606. {/block:ifPlainAlbumArt}
  607. .album {
  608. margin-left: 1px;
  609. }
  610. .info {
  611. float: left;
  612. }{/block:AlbumArt}{/block:Posts}
  613. .info span {
  614. display: block;
  615. }
  616. #infscr-loading {
  617. position: fixed;
  618. bottom: 30px;
  619. left: 48%;
  620. width: 32px;
  621. padding: 10px;
  622. font-size: 15px;
  623. z-index: 99999;
  624. background: white;
  625. background: hsla( 0, 0%, 100%, 0.9 );
  626. text-align: center;
  627. }
  628.  
  629. {CustomCSS}
  630.  
  631. {block:ifFixedBanner}#tumblr_controls {
  632. position: fixed!important;
  633. top: 0!important;
  634. right: 0!important;
  635. z-index: 9999999!important;
  636. }{/block:ifFixedBanner}
  637. </style>
  638. </head>
  639. <body>
  640. <div id="container"><div id="content">
  641. <div id="spacer">&nbsp;&nbsp;</div>
  642. {block:ifBannerImage}<div id="banner"><a href="/"><img src="{image:Banner}" alt="banner" /></a></div>{/block:ifBannerImage}
  643.  
  644. {block:ifContentBackground}<div id="background">{/block:ifContentBackground}
  645. <div id="main">
  646. {block:TagPage}
  647. <div class="results"><h3></h3></div>
  648. {/block:TagPage}
  649.  
  650. {block:SearchPage}
  651. <div class="results">
  652. <h3>{lang:Your search for SearchQuery returned SearchResultCount results}.</h3>
  653. </div>
  654. {/block:SearchPage}
  655.  
  656. <div id="posts">{block:Posts}
  657.  
  658. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  659. {block:ContentSource}<a href="{SourceURL}" target="_blank"></a>{/block:ContentSource}
  660.  
  661. <div class="post">
  662. {block:Text}
  663. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  664. <div class="body">{Body}</div>
  665. {/block:Text}
  666.  
  667. {block:Photo}
  668. <div class="photo">
  669. {block:ifZoom}<a class="zoom" href="{PhotoURL-HighRes}">zoom</a><br />{/block:ifZoom}
  670. {LinkOpenTag}<img src="{block:ifNotWideLayout}{PhotoURL-500}{/block:ifNotWideLayout}{block:ifWideLayout}{PhotoURL-HighRes}{/block:ifWideLayout}" alt="{PhotoAlt}" />{LinkCloseTag}
  671. </div>
  672. {block:Caption}{Caption}{/block:Caption}
  673. {/block:Photo}
  674.  
  675. {block:Photoset}
  676. {Photoset-500}
  677. {block:Caption}{Caption}{/block:Caption}
  678. {/block:Photoset}
  679.  
  680. {block:Quote}
  681. <h3>{Quote}</h3>
  682. {block:Source}
  683. <div class="body">{Source}</div>
  684. {/block:Source}
  685. {/block:Quote}
  686.  
  687. {block:Link}
  688. <h2><a href="{URL}" {Target}>{Name} &rsaquo;</a></h2>
  689. {block:Description}
  690. <div class="body">{Description}</div>
  691. {/block:Description}
  692. {/block:Link}
  693.  
  694. {block:Chat}
  695. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  696. <ul class="chat">{block:Lines}
  697. <li class="{Alt} user_{UserNumber}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
  698. {/block:Lines}</ul>
  699. {/block:Chat}
  700.  
  701. {block:Audio}
  702. {block:AlbumArt}<div class="album">
  703. <img src="{AlbumArtURL}" class="album_art" alt="" />
  704. <span class="cover"></span>
  705. </div>{/block:AlbumArt}
  706. <div class="info"{block:AlbumArt} style="margin-top: 2px;"{/block:AlbumArt}>
  707. <div class="audio_box" id="{PostID}">
  708. {block:ifNotWhiteAudioPlayer}
  709. {AudioPlayerGrey}
  710. {/block:ifNotWhiteAudioPlayer}
  711. {block:ifWhiteAudioPlayer}
  712. {AudioPlayerWhite}
  713. {/block:ifWhiteAudioPlayer}
  714. </div>
  715.  
  716. <div style="margin-top: 5px;">
  717. {block:TrackName}<span><strong>Title</strong>: {TrackName}</span>{/block:TrackName}
  718. {block:Artist}<span><strong>Artist:</strong> {Artist}</span>{/block:Artist}
  719. <span>{PlayCountWithLabel}</span>
  720. </div>
  721. </div>
  722. <div class="clear"></div>
  723. {block:Caption}{Caption}{/block:Caption}
  724. {/block:Audio}
  725.  
  726. {block:Video}
  727. <div class="video_box">{Video-500}</div>
  728. {block:Caption}{Caption}{/block:Caption}
  729. {/block:Video}
  730.  
  731. {block:Answer}
  732. <h4><strong>{Asker} ruined my blog saying:</strong> {Question}</h4>
  733. {Answer}
  734. {/block:Answer}
  735.  
  736. {block:HasTags}
  737. <div class="tags">
  738. filled under: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  739. </div>
  740. <div class="clear"></div>
  741. {/block:HasTags}
  742.  
  743. {block:Date}
  744. <div class="date">
  745. {block:ifShowPostAuthor}{block:GroupMembers}
  746. {lang:Posted by PostAuthorName 2}<br />
  747. {/block:GroupMembers}{/block:ifShowPostAuthor}
  748.  
  749. <div class="left">{block:ifShowTimeAgo}<a href="{Permalink}">{TimeAgo}</a> on {/block:ifShowTimeAgo}{block:ifNotShowTimeAgo}<a href="{Permalink}">&infin;</a>&nbsp;&nbsp;{block:ifNotShowTimeAgo}<a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonth}">{block:ifNotNumericDate}{Month} {DayOfMonthWithZero}, {Year}{/block:ifNotNumericDate}{block:ifNumericDate}{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear}{/block:ifNumericDate}</a>{block:ifShowTime} at {12HourWithZero}:{Minutes}{AmPm}{/block:ifShowTime}{block:ifDisqusShortname}{block:ContentSource} © {SourceLink}{/block:ContentSource}{/block:ifDisqusShortname}</div>
  750.  
  751. {block:ifNotDisqusShortname}
  752. {block:NoteCount}
  753. <div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  754. {/block:NoteCount}
  755. <div class="clear"></div>
  756. <div class="left">{block:ContentSource} © {SourceLink}{/block:ContentSource}</div>
  757. {/block:ifNotDisqusShortname}
  758. <div class="clear"></div>
  759.  
  760. {block:ifDisqusShortname}
  761. <div class="left"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{block:NoteCount} &middot; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  762. <div class="clear"></div>{/block:ifDisqusShortname}
  763. </div>
  764. {/block:Date}
  765.  
  766. {block:ifDisqusShortname}<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
  767. <script type="text/javascript">
  768. /**
  769. * var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
  770. */
  771. (function() {
  772. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  773. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  774. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  775. })();
  776. </script>
  777. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  778. <a href="http://disqus.com" class="dsq-brlink" style="display: block; text-align: center;">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  779. {/block:Permalink}<script type="text/javascript">
  780. var disqus_shortname = '{text:Disqus Shortname}';
  781. (function () {
  782. var s = document.createElement('script'); s.async = true;
  783. s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';
  784. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  785. }());
  786. </script>{/block:ifDisqusShortname}
  787.  
  788. {block:PostNotes}
  789. <div id="notes">{PostNotes}</div>
  790. {/block:PostNotes}
  791.  
  792. <div class="clear"></div>
  793. </div>
  794. {/block:Posts}</div>
  795. </div>
  796.  
  797. <div id="sidebar">
  798. <h1><a href="/">{Title}</a></h1>
  799.  
  800. {block:ifCustomProfilePictureImage}
  801. <a href="/"><img src="{image:Custom Profile Picture}" width="250" alt="Profile Picture" /></a>
  802. {/block:ifCustomProfilePictureImage}
  803.  
  804. {block:ifShowGroupMembers}{block:GroupMembers}
  805. <div id="group">
  806. {block:GroupMember}<a href="{GroupMemberURL}" title="{GroupMemberName}"><img src="{GroupMemberPortraitURL-24}" alt="{GroupMemberName}" /></a>{/block:GroupMember}
  807. </div>
  808. {/block:GroupMembers}{/block:ifShowGroupMembers}
  809.  
  810. {block:ifFullWidthIcon}<div id="wide"><a href="/"></a></div>{/block:ifFullWidthIcon}
  811.  
  812. {block:ifTopNavigation}<ul id="pages">
  813. <li><a href="/info">basic info</a></li>
  814. {block:AskEnabled}<li><a href="/ask">message</a></li>{/block:AskEnabled}
  815. <li><a href="/graphics">graphics</a></li>
  816. <li><a href="/about">about</a></li>
  817. <li><a href="/faq">f.a.q.</a></li>
  818. <li><a href="http://elletricity.com/">©</a></li>
  819. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  820. {block:ifLikesButton}<li><a href="http://tumblr.com/liked/by/{Name}">Likes</a></li>{/block:ifLikesButton}
  821. {block:HasPages}
  822. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  823. {/block:HasPages}
  824. </ul>
  825. <div class="clear"></div>{/block:ifTopNavigation}
  826.  
  827. <div id="desc">
  828. {block:ifSmallIcon}<img src="{PortraitURL-64}" style="float: left; width: 50px; margin: 2px 5px 0 0;" />{/block:ifSmallIcon}
  829.  
  830. {block:ifNotTopNavigation}{block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a> &middot; {/block:Pages}{/block:HasPages}{/block:ifNotTopNavigation}
  831.  
  832. {Description}
  833. </div>
  834.  
  835. {block:ifTwitter}{block:Twitter}
  836. <div id="twitter">
  837. <span id="birdy" class="left"><a href="http://twitter.com/{TwitterUsername}" title="Follow on Twitter"><img src="http://static.tumblr.com/imovwvl/HXLl79lj9/twitter.png" /></a></span><span id="tweets"></span>
  838. <div class="clear"></div>
  839. </div>
  840. <script type="text/javascript">
  841. function recent_tweets(data) {
  842. for (i=0; i<1; i++) {
  843. document.getElementById("tweets").innerHTML =
  844. document.getElementById("tweets").innerHTML +
  845. data[i].text;
  846. }
  847. }
  848. </script>
  849. {/block:Twitter}{/block:ifTwitter}
  850.  
  851. {block:ifFlickrID}
  852. <div id="flickr_badge_uber_wrapper"><div id="flickr_badge_wrapper">
  853. <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&display=latest&size=s&layout=x&source=user&user={text:Flickr ID}"></script>
  854. </div></div>
  855. <div class="clear"></div>
  856. <small class="right"><a style="text-decoration: none;" href="http://flickr.com/photos/{text:Flickr ID}">View more photos</a></small>
  857. <div class="clear"></div>
  858. {/block:ifFlickrID}
  859.  
  860. {block:ifShowLikes}{block:Likes}
  861. {Likes limit="3" width="250"}
  862. {/block:Likes}{/block:ifShowLikes}
  863.  
  864. {block:ifSearchbar}<form action="/search" method="get"><input name="q" onfocus="this.value=''" type="text" value="Search this tumblelog." /></form>{/block:ifSearchBar}
  865.  
  866. {block:Pagination}
  867. <div id="pag">
  868. {block:PreviousPage}
  869. <a href="{PreviousPage}">&larr;</a>
  870. {/block:PreviousPage}
  871.  
  872. {block:ifJumpPagination}{block:JumpPagination length="5"}
  873. {block:CurrentPage}<span id="current">{PageNumber}</span>{/block:CurrentPage}
  874. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  875. {/block:JumpPagination}{/block:ifJumpPagination}
  876.  
  877. {block:NextPage}
  878. <a id="next" href="{NextPage}">&rarr;</a>
  879. {/block:NextPage}
  880. </div>
  881. <div class="clear"></div>
  882. {/block:Pagination}
  883.  
  884. {block:DayPagination}
  885. <div id="pag">
  886. {block:PreviousDayPage}
  887. <a href="{PreviousDayPage}">&larr;</a>
  888. {/block:PreviousDayPage}
  889.  
  890. {block:JumpPagination length="5"}
  891. {block:CurrentPage}<span id="current">{PageNumber}</span>{/block:CurrentPage}
  892. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  893. {/block:JumpPagination}
  894.  
  895. {block:NextDayPage}
  896. <a id="next" href="{NextDayPage}">&rarr;</a>
  897. {/block:NextDayPage}
  898. </div>
  899. <div class="clear"></div>
  900. {/block:DayPagination}
  901.  
  902. {block:PermalinkPagination}
  903. <div id="pag">
  904. {block:PreviousPost}
  905. <a href="{PreviousPost}">&larr; {lang:Previous}</a>
  906. {/block:PreviousPost}
  907.  
  908. {block:NextPost}
  909. <a href="{NextPost}">{lang:Next} &rarr;</a>
  910. {/block:NextPost}
  911. </div>
  912. <div class="clear"></div>
  913. {/block:PermalinkPagination}
  914.  
  915. {block:ifShowFollowing}{block:Following}
  916. <div id="following">
  917. {block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-24}" alt="{FollowedName}" /></a>{/block:Followed}
  918. </div>
  919. {/block:Following}{/block:ifShowFollowing}
  920.  
  921. <div id="footer">{block:ifNotTopNavigation}
  922. <li><a href="/about">about</a></li>
  923. <li><a href="/tags">tags page</a></li>
  924. {block:AskEnabled}<li><a href="/ask">message</a></li>{/block:AskEnabled}
  925. <li><a href="http://elletricity.com/">©</a></li>
  926. {block:ifLikesButton}&middot; <a href="http://tumblr.com/liked/by/{Name}">Likes</a>{/block:ifLikesButton}
  927. <p>{/block:ifNotTopNavigation}{block:ifNotTopNavigation}</p>{/block:ifNotTopNavigation}
  928. </div>
  929. </div><div class="clear"></div>
  930. </div>
  931. </div></div>
  932.  
  933. {block:ifTwitter}{block:Twitter}
  934. <script type="text/javascript" src="/tweets.js"></script>
  935. {/block:Twitter}{/block:ifTwitter}
  936.  
  937. {block:ifStreampad}
  938. <script type="text/javascript" src="http://o.aolcdn.com/art/merge?f=/_media/sp/sp-player.js&f=/_media/sp/sp-player-tumblr.js&expsec=86400&ver=11"></script>
  939.  
  940. <script>
  941. streampadPlayer.params.trackcolor = "{color:Streampad Text}";
  942. streampadPlayer.params.bgcolor = "{color:Streampad}";
  943. </script>
  944. {/block:ifStreampad}
  945.  
  946. {block:ifWideLayout}{block:ifNotEndlessScrolling}<script type="text/javascript">
  947. $(function () {
  948. $(".video_box").each(function () {
  949. var columnWidth = 700; // width of your content column
  950. var defaultVideoWidth = 500; // theme tag width
  951. var increaseRatio = columnWidth / defaultVideoWidth;
  952. var iframe = $("iframe", this);
  953. if (iframe.length > 0) {
  954. var currHeight = iframe.height();
  955. var newHeight = currHeight * increaseRatio;
  956. iframe.height(newHeight).width(columnWidth);
  957. } else {
  958. var object = $("object", this);
  959. var embed = $("embed", object);
  960. var currHeight = object.attr('height');
  961. var newHeight = currHeight * increaseRatio;
  962. object.width(columnWidth).attr('height', newHeight);
  963. embed.width(columnWidth).attr('height', newHeight);
  964. };
  965. });
  966. });
  967. </script>{/block:ifNotEndlessScrolling}{/block:ifWideLayout}
  968.  
  969. {block:ifEndlessScrolling}<script src="http://static.tumblr.com/glziqhp/dTTlsbw8e/jquery.infinitescroll.min.js" type="text/javascript"></script>
  970. <script type="text/javascript">
  971. $(function() {
  972. {block:ifWideLayout}$(".video_box").each(function() {
  973. var columnWidth = 700; // width of your content column
  974. var defaultVideoWidth = 500; // theme tag width
  975. var increaseRatio = columnWidth / defaultVideoWidth;
  976. var iframe = $("iframe", this);
  977. if (iframe.length > 0) {
  978. var currHeight = iframe.height();
  979. var newHeight = currHeight * increaseRatio;
  980. iframe.height(newHeight).width(columnWidth);
  981. } else {
  982. var object = $("object", this);
  983. var embed = $("embed", object);
  984. var currHeight = object.attr('height');
  985. var newHeight = currHeight * increaseRatio;
  986. object.width(columnWidth).attr('height', newHeight);
  987. embed.width(columnWidth).attr('height', newHeight);
  988. };
  989. });{/block:ifWideLayout}
  990.  
  991. var $container = $('#posts');
  992. $container.infinitescroll({
  993. navSelector: '#pag',
  994. nextSelector: '#pag #next',
  995. itemSelector: '.post',
  996. loading: {
  997. finishedMsg: "<em>fin.</em>",
  998. img: "http://static.tumblr.com/imovwvl/hE7lu030k/loading.gif"
  999. }
  1000. }, function(newElements) {
  1001. $('.audio_box', newElements).each(function() {
  1002. var audioID = $(this).attr("id");
  1003. var $audioPost = $(this);
  1004. $.ajax({
  1005. url: 'http://' + '{Name}' + '.tumblr.com/api/read/json?id=' + audioID,
  1006. dataType: 'jsonp',
  1007. timeout: 50000,
  1008. success: function(data) {
  1009. var player = data.posts[0]['audio-player']{block:ifNotWhiteAudioPlayer}.replace('FFFFFF', 'E4E4E4'){/block:ifNotWhiteAudioPlayer};
  1010. $audioPost.html('\x3cdiv class=\x22audio_player\x22\x3e' + player + '\x3c/div\x3e');
  1011. }
  1012. });
  1013. });
  1014.  
  1015. {block:ifWideLayout}$(".video_box", newElements).each(function() {
  1016. var columnWidth = 700; // width of your content column
  1017. var defaultVideoWidth = 500; // theme tag width
  1018. var increaseRatio = columnWidth / defaultVideoWidth;
  1019. var iframe = $("iframe", this);
  1020. if (iframe.length > 0) {
  1021. var currHeight = iframe.height();
  1022. var newHeight = currHeight * increaseRatio;
  1023. iframe.height(newHeight).width(columnWidth);
  1024. } else {
  1025. var object = $("object", this);
  1026. var embed = $("embed", object);
  1027. var currHeight = object.attr('height');
  1028. var newHeight = currHeight * increaseRatio;
  1029. object.width(columnWidth).attr('height', newHeight);
  1030. embed.width(columnWidth).attr('height', newHeight);
  1031. };
  1032. });{/block:ifWideLayout}
  1033. });
  1034. });
  1035. </script>{/block:ifEndlessScrolling}
  1036. </body>
  1037. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!