API tools faq
paste
Advertisement
Korra

Theme: Songbird

Korra
Sep 27th, 2014
2,407
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.99 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!---
  4.  
  5. THEME: SONGBIRD BY FALLOWMIRE (FALLOWMIRE.TUMBLR.COM)
  6.  
  7. - DO NOT REMOVE THE CREDITS OR MOVE IT TO A SECONDARY PAGE
  8. - DO NOT REUPLOAD OR REDISTRIBUTE
  9. - DO NOT USE AS A BASE CODE
  10.  
  11.  
  12. ____________________________________
  13.  
  14.  
  15. --->
  16.  
  17. <head>
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  26.  
  27. <meta name="color:background" content="#fff" />
  28. <meta name="color:sidebar" content="#fff" />
  29. <meta name="color:entry" content="#fff" />
  30. <meta name="color:permalink" content="#f5f5f5" />
  31. <meta name="color:border" content="#ededed" />
  32. <meta name="color:bold" content="#a2a2a2" />
  33. <meta name="color:italic" content="#d7d7d7" />
  34. <meta name="color:link" content="#a2a2a2" />
  35.  
  36. <meta name="font:body" content="arial" />
  37.  
  38. <meta name="color:title" content="#8c8c8c" />
  39. <meta name="color:scroll" content="#b8b8b8" />
  40. <meta name="color:text" content="#b8b8b8" />
  41. <meta name="color:border" content="#e7e7e7" />
  42. <meta name="color:hover" content="#e7e7e7" />
  43.  
  44. <meta name="if:Show Tags" content="1" />
  45. <meta name="if:Infinite Scrolling" content="0" />
  46. <meta name="if:Show Caption" content="0" />
  47. <meta name="if:Show Tags" content="0" />
  48. <meta name="if:Show Portrait" content="1" />
  49. <meta name="if:Show Sidebar Image" content="1" />
  50. <meta name="if:Show Tag Portraits" content="1" />
  51. <meta name="if:Fading Images" content="1" />
  52. <meta name="if:500px Posts" content="1" />
  53.  
  54. <meta name="image:Sidebar" content="http://static.tumblr.com/xuyfbm0/Betnckkj5/paris.gif"/>
  55.  
  56. <meta name="text:Link1" content="" />
  57. <meta name="text:Link1 URL" content="/"/>
  58. <meta name="text:Link2" content="" />
  59. <meta name="text:Link2 URL" content="/"/>
  60. <meta name="text:Link3" content="" />
  61. <meta name="text:Link3 URL" content="/"/>
  62. <meta name="text:Link4" content="" />
  63. <meta name="text:Link4 URL" content="/"/>
  64.  
  65. <style type="text/css">
  66. body {
  67. background-position:bottom right;
  68. background-attachment: fixed;
  69. text-align:justify;
  70. font-size: 11px;
  71. line-height: 11px;
  72. background-color: {color:background};
  73. color: {color:text};
  74. font-family: {font:body};
  75. }
  76.  
  77. #s-m-t-tooltip {
  78. position: absolute;
  79. text-transform: uppercase;
  80. letter-spacing: 1px;
  81. font-size: 7px;
  82. z-index:5000;
  83. padding: 4px;
  84. display:inline-block;
  85. font-family: arial;
  86. color: {color:font};
  87. background-color: #fff;
  88. -moz-box-shadow: 0px 1px 1px #e2e2e2;
  89. -webkit-box-shadow: 0px 1px 1px #e2e2e2;
  90. box-shadow: 0px 1px 1px #e2e2e2;
  91. border-left: 4px {color:border} solid;
  92. }
  93.  
  94.  
  95. .captions {
  96. opacity: 1;
  97. font-family: arial;
  98. font-style: italic;
  99. filter:alpha(opacity=1);
  100. -webkit-transition: all 0.5s linear;
  101. -moz-transition: all 0.5s linear;
  102. -o-transition: all 0.5s linear;
  103. }
  104.  
  105. .entry:hover .captions {
  106. opacity: 1;
  107. filter:alpha(opacity=1);
  108. -webkit-transition: all 0.5s linear;
  109. -moz-transition: all 0.5s linear;
  110. -o-transition: all 0.5s linear;
  111. }
  112.  
  113. .entry b, #desc b, strong, #music b, b {
  114. color: {color:bold};
  115. }
  116.  
  117. .entry i, #desc i, em {
  118. color: {color:italic};
  119. }
  120.  
  121. .entry blockquote {
  122. border-left: 2px {color:border} solid;
  123. padding-left: 5px;
  124. font-family: arial;
  125. font-style: italic;
  126. }
  127.  
  128. ::-webkit-scrollbar {
  129. height: 5px;
  130. width: 5px;
  131. background-color: {color:background};
  132. }
  133. ::-webkit-scrollbar-thumb:vertical {
  134. height: 5px;
  135. background-color: {color:scroll};
  136. }
  137. ::-webkit-scrollbar-thumb:vertical:hover{ 
  138. background-color: {color:scroll};
  139. }
  140. ::-webkit-scrollbar-thumb:horizontal:hover{ 
  141. background-color: {color:scroll};
  142. }
  143.  
  144. a {
  145. text-decoration:none;
  146. outline:none;
  147. -moz-outline-style:none;
  148. -webkit-transition: all 0.5s linear;
  149. -moz-transition: all 0.5s linear;
  150. -o-transition: all 0.5s linear;
  151. color: {color:link};
  152. }
  153.  
  154. a:hover {
  155. color: {color:hover};
  156. }
  157.  
  158. #main {
  159. {block:If500pxPosts}width: 500px;{/block:If500pxPosts}
  160. {block:IfNot500pxPosts}width: 400px;{/block:IfNot500pxPosts}
  161. margin-left: 550px;
  162. }
  163.  
  164. .page {
  165. margin-left: 205px;
  166. position: fixed;
  167. z-index: 999;
  168. top: 420px;
  169. }
  170.  
  171. .entry {
  172. border: 1px {color:border} solid;
  173. {block:If500pxPosts}width: 500px;{/block:If500pxPosts}
  174. {block:IfNot500pxPosts}width: 400px;{/block:IfNot500pxPosts}
  175. overflow:hidden;
  176. background-color: {color:entry};
  177. padding: 20px;
  178. margin-top: 40px;
  179. transition: all 0.5s ease-in-out;
  180. -webkit-transition: all 0.5s ease-in-out;
  181. -moz-transition: all 0.5s ease-in-out;
  182. -o-transition: all 0.5s ease-in-out;
  183. -ms-transition: all 0.5s ease-in-out;
  184. }
  185.  
  186.  
  187. #rebagle {
  188. opacity: 0;
  189. font-family: {font:body};
  190. font-size: 7px;
  191. letter-spacing: 1px;
  192. text-transform: uppercase;
  193. height: auto;
  194. margin-top: 10px;
  195. border: 1px {color:border} solid;
  196. background-color: {color:entry};
  197. {block:If500pxPosts}margin-left: 490px;{/block:If500pxPosts}
  198. {block:IfNot500pxPosts}margin-left: 390px;{/block:IfNot500pxPosts}
  199. padding: 5px;
  200. z-index: 999;
  201. position: absolute;
  202. transition: all 0.5s ease-in-out;
  203. -webkit-transition: all 0.5s ease-in-out;
  204. -moz-transition: all 0.5s ease-in-out;
  205. -o-transition: all 0.5s ease-in-out;
  206. -ms-transition: all 0.5s ease-in-out;
  207. }
  208.  
  209.  
  210. #rebagle:hover {
  211. background-color: #f9f8f8;
  212. }
  213.  
  214. .entry:hover #rebagle {
  215. opacity: 1;
  216. transition: all 0.5s ease-in-out;
  217. -webkit-transition: all 0.5s ease-in-out;
  218. -moz-transition: all 0.5s ease-in-out;
  219. -o-transition: all 0.5s ease-in-out;
  220. -ms-transition: all 0.5s ease-in-out;
  221. }
  222.  
  223. .entry img {
  224. {block:If500pxPosts}max-width: 500px;{/block:If500pxPosts}
  225. {block:IfNot500pxPosts}max-width: 400px;{/block:IfNot500pxPosts}
  226. }
  227.  
  228. {block:IfFadingImages}{block:IndexPage}
  229. .eimages {
  230. opacity: 0.5;
  231. filter:alpha(opacity=50);
  232. -moz-transition:0.6s ease-in;
  233. -webkit-transition: 0.6s ease-in;
  234. -o-transition:0.6s ease-in;
  235. transition:0.6s ease-in;
  236. }{/block:IndexPage}{/block:IfFadingImages}
  237.  
  238. {block:IfFadingImages}{block:IndexPage}.eimages:hover {
  239. opacity: 0.9;
  240. filter:alpha(opacity=90);
  241. -moz-opacity: 0.9;
  242. }{/block:IndexPage}{/block:IfFadingImages}
  243.  
  244. iframe#tumblr_controls {
  245. right:3px !important;
  246. position:fixed !important;
  247. opacity: 0.5;
  248. -webkit-filter: invert(1);
  249. filter:alpha(opacity=0.5);
  250. -moz-opacity: 0.5;
  251. -webkit-transition: all 1s linear;
  252. -moz-transition: all 1s linear;
  253. -o-transition: all 1s linear;
  254. }
  255.  
  256. iframe#tumblr_controls:hover {
  257. opacity: 1;
  258. filter:alpha(opacity=1);
  259. -moz-opacity: 1;
  260. }
  261.  
  262. .e {
  263. font-family: arial;
  264. font-size: 10pt;
  265. text-align: left;
  266. line-height: 110%;
  267. padding-left: 10px;
  268. color: {color:title};
  269. }
  270.  
  271. .quote::first-letter {
  272. font-size: 22px;
  273. float: left;
  274. margin-right: 2px;
  275. font-weight: bold;
  276. color: {color:bold};
  277. font-style: italic;
  278. }
  279.  
  280. #reblog {
  281. font-size: 9px;
  282. font-family: {font:body};
  283. text-transform: uppercase;
  284. width: 60px;
  285. margin-top: 0px;
  286. margin-left: 440px;
  287. padding: 4px;
  288. text-align: center;
  289. position: absolute;
  290. height: auto;
  291. z-index: 999;
  292. opacity: 0;
  293. filter:alpha(opacity=0);
  294. -webkit-border-top-left-radius: 50px;
  295. -webkit-border-top-right-radius: 50px;
  296. -moz-border-radius-topleft: 50px;
  297. -moz-border-radius-topright: 50px;
  298. border-top-left-radius: 50px;
  299. border-top-right-radius: 50px;
  300. -webkit-transition: all 0.5s linear;
  301. -moz-transition: all 0.5s linear;
  302. -o-transition: all 0.5s linear;
  303. background-color: {color:permalink};
  304. }
  305.  
  306.  
  307. .entry:hover #reblog {
  308. opacity: 1;
  309. filter:alpha(opacity=1);
  310. margin-top: 4px;
  311. }
  312.  
  313. .header {
  314. font-family: 'Oswald', sans-serif;
  315. font-size: 18px;
  316. text-transform: uppercase;
  317. text-align: left;
  318. line-height: 15px;
  319. padding-left: 10px;
  320. letter-spacing: 0px;
  321. padding-top: 5px;
  322. padding-bottom: 5px;
  323. width: 98%;
  324. color: {color:title};
  325. margin-bottom: 4px;
  326. border-bottom: 1px {color:border} solid; 
  327. }
  328.  
  329.  
  330. .qarrow {
  331. font-size: 30px;
  332. color: {color:permalink};
  333. z-index: 999;
  334. margin-top: -5px;
  335. margin-bottom: -5px;
  336. {block:If500pxPosts}margin-left: 240px;{/block:If500pxPosts}
  337. {block:IfNot500pxPosts}margin-left: 190px;{/block:IfNot500pxPosts}
  338. }
  339.  
  340. .ask {
  341. font-size: 9px;
  342. letter-spacing: 1px;
  343. position: relative;
  344. margin: 0;
  345. padding: 10px;
  346. text-align: left;
  347. {block:If500pxPosts}width: 480px;{/block:If500pxPosts}
  348. {block:IfNot500pxPosts}width: 380px;{/block:IfNot500pxPosts}
  349. display: block;
  350. background-color: {color:permalink};
  351. color: {color:text};
  352. }
  353.  
  354. #question img {
  355. width: 16px;
  356. height: 16px;
  357. margin: -5px 0px -5px -5px;
  358. }
  359.  
  360. #question, #question a {
  361. font-family: {font:body};
  362. font-size: 8px;
  363. letter-spacing: 1px;
  364. text-transform: uppercase;
  365. z-index: 999;
  366. text-align: center;
  367. margin-top: 10px;
  368. text-transform: uppercase;
  369. color: {color:bold};
  370. {block:If500pxPosts}width: 480px;{/block:If500pxPosts}
  371. {block:IfNot500pxPosts}width: 380px;{/block:IfNot500pxPosts}
  372. }
  373.  
  374. #tagcontrol {
  375. margin-left: -10px;
  376. width: 70%;
  377. float: right;
  378. }
  379.  
  380. #portraitcontrol {
  381. float: left;
  382. height: auto;
  383. margin: 0 auto;
  384. position: relative;
  385. }
  386.  
  387. .sotype {
  388. float: left;
  389. margin-top: -4px;
  390. margin-bottom: -3px;
  391. padding: 4px;
  392. height: auto;
  393. margin-right: 4px;
  394. {block:IfNotShowTagPortraits}display: none;{/block:IfNotShowTagPortraits}
  395. }
  396.  
  397. .sotype img:hover {
  398. -webkit-filter: grayscale(1);
  399. -webkit-transition: all 0.5s linear;
  400. -moz-transition: all 0.5s linear;
  401. -o-transition: all 0.5s linear;
  402. }
  403.  
  404. .sotype img {
  405. padding-left: 4px;
  406. padding-right: 4px;
  407. margin-left: -8px;
  408. margin-right: 5px;
  409. }
  410.  
  411. .tags b {
  412. letter-spacing: 1px;
  413. background-color: #fff;
  414. }
  415.  
  416. .tags {
  417. font-family: {font:body};
  418. font-size: 7px;
  419. letter-spacing: 1px;
  420. text-transform: uppercase;
  421. {block:If500pxPosts}width: 528px;{/block:If500pxPosts}
  422. {block:IfNot500pxPosts}width: 107%; {/block:IfNot500pxPosts}
  423. margin-bottom: 20px;
  424. padding: 6px 6px 3px;
  425. overflow:hidden;
  426. background-color: #fff;
  427. text-align: right;
  428. height: auto;
  429. border: 1px {color:border} solid;
  430. }
  431.  
  432. #main:hover .tags {
  433. opacity: 1;
  434. transition: all 0.5s ease-in-out;
  435. -webkit-transition: all 0.5s ease-in-out;
  436. -moz-transition: all 0.5s ease-in-out;
  437. -o-transition: all 0.5s ease-in-out;
  438. -ms-transition: all 0.5s ease-in-out;
  439. }
  440.  
  441.  
  442.  
  443. .asktitle {
  444. font-family: cambria;
  445. font-size: 18px;
  446. text-transform: uppercase;
  447. text-align: left;
  448. margin-bottom: 5px;
  449. color: {color:title};
  450. }
  451.  
  452. ol.notes, .notes li {
  453. padding: 0px;
  454. margin-left: 25px;
  455. list-style-type:square;
  456. }
  457.  
  458.  
  459. .notes img {
  460. visibility: hidden;
  461. }
  462.  
  463.  
  464. #source {
  465. font-family: {font:body};
  466. font-size: 7pt;
  467. text-align: right;
  468. text-transform: uppercase;
  469. }
  470.  
  471. #page {
  472. padding: 5px;
  473. font-family: consolas;
  474. font-size: 8px;
  475. text-align: center;
  476. margin-top: 10px;
  477. color: {color:link};
  478. letter-spacing: 1px;
  479. {block:IfInfiniteScrolling}
  480. display: none;
  481. {/block:IfInfiniteScrolling}
  482. }
  483.  
  484. #sidetitle {
  485. text-align: right;
  486. letter-spacing: 2px;
  487. font-size: 16px;
  488. color: {color: title};
  489. padding: 2px;
  490. margin-bottom: 5px;
  491. font-family: 'Oswald', sans-serif;
  492. margin-left: 10px;
  493. text-align: center;
  494. text-transform: uppercase;
  495. line-height: 100%;
  496. }
  497.  
  498. #page a {
  499. margin-left: 5px;
  500. }
  501.  
  502. .end {
  503. width: 498px;
  504. color: {color:text};
  505. }
  506.  
  507. {block:IfShowPortrait}
  508. #portrait {
  509. padding: 10px;
  510. -webkit-filter: grayscale(0);
  511. text-align: center;
  512. -webkit-transition: all 0.5s linear;
  513. -moz-transition: all 0.5s linear;
  514. -o-transition: all 0.5s linear;
  515. background-color: {color:background};
  516. border: solid 1px {color:border};
  517. -moz-transition: all 0.5s linear;
  518. -o-transition: all 0.5s linear;
  519. }
  520.  
  521. #portrait:hover {
  522. -webkit-filter: grayscale(1);
  523. -webkit-transition: all 0.5s linear;
  524. -moz-transition: all 0.5s linear;
  525. -o-transition: all 0.5s linear;
  526. }
  527.  
  528. #portrait img {
  529. -webkit-filter: grayscale(0);
  530. -webkit-transition: all 0.5s linear;
  531. -moz-transition: all 0.5s linear;
  532. -o-transition: all 0.5s linear;
  533. }{/block:IfShowPortrait}
  534.  
  535. .chinwag {
  536. line-height:160%;
  537. list-style:none;
  538. }
  539.  
  540. .tlink {
  541. font-family: {font:body};
  542. font-size: 7px;
  543. text-transform: uppercase;
  544. padding: 5px;
  545. letter-spacing: 1px;
  546. margin-top: 2px;
  547. display: block;
  548. text-align: center;
  549. margin-bottom: 3px;
  550. color: {color: links};
  551. -webkit-transition: all 0.5s linear;
  552. -moz-transition: all 0.5s linear;
  553. -o-transition: all 0.5s linear;
  554. border:solid 1px {color:border};
  555. background-color: {color:sidelinks};
  556. }
  557.  
  558. .tlink:hover {
  559. background-color: {color:background};
  560. color: {color:link};
  561. }
  562.  
  563. #sidecon {
  564. width: 384px;
  565. height: 350px;
  566. margin-top: 100px;
  567. margin-left: 10px;
  568. position: fixed;
  569. }
  570.  
  571. #left-col {
  572. float: left;
  573. padding: 10px;
  574. width: 27%;
  575. height: 100%;
  576. }
  577.  
  578. #right-col {
  579. float: left;
  580. width: 65%;
  581. height: 100%;
  582. margin-right: -1px;
  583. border-left: 1px solid {color:border};
  584. }
  585.  
  586.  
  587. .dlinks {
  588. position: fixed;
  589. padding: 10px;
  590. float: left;
  591. background-color: {color:permalink};
  592. }
  593.  
  594. #sidebar {
  595. width: 75%;
  596. padding: 10px;
  597. float: left;
  598. border-left: 1px solid;
  599. position: fixed;
  600. margin-left: 190px;
  601. top: 60px;
  602. background-color: {color:sidelinks};
  603. }
  604.  
  605. #cbackground {
  606. width: 400px;
  607. height: 1100%;
  608. margin-top: -60px;
  609. margin-left: -10px;
  610. z-index: -1;
  611. position: fixed;
  612. border-right: 1px solid {color:border};
  613. }
  614.  
  615. #desc {
  616. font-size: 9px;
  617. line-height: 150%;
  618. padding: 10px;
  619. margin-top: -11px;
  620. margin-left: -2px;
  621. font-family: {font:body};
  622. color: {color: text};
  623. letter-spacing: 1px;
  624. }
  625.  
  626. #dmove {
  627. margin-left: 10px;
  628. }
  629.  
  630. {block:IfShowSidebarImage}
  631. .sideimage img {
  632. -webkit-filter: grayscale(0);
  633. width: 210px;
  634. margin: 10px;
  635. padding: 10px;
  636. margin-top: 10px;
  637. margin-left: 4px;
  638. text-align: center;
  639. border:solid 1px {color:border};
  640. background-repeat: repeat;
  641. -webkit-transition: all 0.5s linear;
  642. -moz-transition: all 0.5s linear;
  643. -o-transition: all 0.5s linear;
  644. }
  645.  
  646. .sideimage:hover img {
  647. -webkit-filter: grayscale(1);
  648. -webkit-transition: all 0.5s linear;
  649. -moz-transition: all 0.5s linear;
  650. -o-transition: all 0.5s linear;
  651. }
  652. {/block:IfShowSidebarImage}
  653.  
  654. #float {
  655. font-family: {font:body};
  656. float: left;
  657. margin-left: 100px;
  658. margin-top:-105px;
  659. }
  660.  
  661. #track, #artist, #count {
  662. font-family: {font:body};
  663. margin-top: 2px;
  664. font-size: 8px;
  665. padding: 10px;
  666. margin-bottom: 2px;
  667. float: left;
  668. {block:If500pxPosts}width: 380px;{/block:If500pxPosts}
  669. {block:IfNot500pxPosts}width: 280px;{/block:IfNot500pxPosts}
  670. text-transform: uppercase;
  671. background-color: {color:permalink};
  672. }
  673.  
  674. .cover {
  675. position: relative;
  676. z-index: 0;
  677. width: 100px;
  678. height: 100px;
  679. }
  680.  
  681. .control {
  682. width: 20px;
  683. height: 30px;
  684. overflow: hidden;
  685. position: relative;
  686. z-index: 1000;
  687. margin: 15px 24px 13px 16px;
  688. }
  689.  
  690.  
  691. .content:hover #vanish {
  692. opacity: 0;
  693. }
  694.  
  695. #arrive {
  696. opacity: 0.8;
  697. filter:alpha(opacity=0.8);
  698. }
  699.  
  700. .content:hover .other {
  701. opacity: 0.8;
  702. filter:alpha(opacity=80);
  703. width: 240px;
  704. height: 300px;
  705. margin-top: -300px;
  706. transition-duration: 0.6s;
  707. -moz-transition-duration: 0.6s;
  708. -webkit-transition-duration: 0.6s;
  709. -o-transition-duration: 0.6s;
  710. }
  711.  
  712. .shownotes {
  713. display:none;
  714. }
  715.  
  716. #anotes {
  717. font-size: 20px;
  718. text-align: center;
  719. font-family: {font:body};
  720. color: {color:link};
  721. }
  722.  
  723. #credits {
  724. right:5px;
  725. position: fixed;
  726. background-color: {color:background};
  727. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  728. padding: 5px;
  729. text-transform: uppercase;
  730. font-size: 10px;
  731. font-style: italic;
  732. position: fixed;
  733. letter-spacing: 1px;
  734. border: 1px solid {color:border};
  735. bottom:5px;
  736. transition: all 0.5s ease-in-out;
  737. -webkit-transition: all 0.5s ease-in-out;
  738. -moz-transition: all 0.5s ease-in-out;
  739. -o-transition: all 0.5s ease-in-out;
  740. -ms-transition: all 0.5s ease-in-out;
  741. z-index: 999;
  742. color: {color:text};
  743. width: auto;
  744. height: auto;
  745. }
  746.  
  747. #credits:hover, #credits a:hover {
  748. -webkit-filter: invert(1);
  749. transition: all 0.5s ease-in-out;
  750. -webkit-transition: all 0.5s ease-in-out;
  751. -moz-transition: all 0.5s ease-in-out;
  752. -o-transition: all 0.5s ease-in-out;
  753. -ms-transition: all 0.5s ease-in-out;
  754. }
  755.  
  756.  
  757. .theader {
  758. cursor:help;
  759. position:relative;
  760. text-align:center;
  761. font-family: {font:body};
  762. font-size: 7px;
  763. text-transform: uppercase;
  764. padding: 5px;
  765. letter-spacing: 1px;
  766. display: block;
  767. margin-top: 2px;
  768. text-align: center;
  769. margin-bottom: 3px;
  770. color: {color: links};
  771. -webkit-transition: all 0.5s linear;
  772. -moz-transition: all 0.5s linear;
  773. -o-transition: all 0.5s linear;
  774. -moz-transition: all 0.5s linear;
  775. -o-transition: all 0.5s linear;
  776. border:solid 1px {color:border};
  777. background-color: {color:sidelinks};
  778. }
  779.  
  780. .tbody{
  781. display:none;
  782. }
  783.  
  784. .playbutton {
  785. width: 20px;
  786. height: 30px;
  787. overflow: hidden;
  788. position: relative;
  789. z-index: 1000;
  790. margin: 15px 24px 13px 16px;
  791. }
  792.  
  793. .pplayers {
  794. background-color: #fff;
  795. position: absolute;
  796. z-index: 1000;
  797. margin-top: 20px;
  798. margin-left: 20px;
  799. -webkit-border-radius: 100px;
  800. -moz-border-radius: 100px;
  801. border-radius: 100px;
  802. opacity: 0.5;
  803. filter:alpha(opacity=50);
  804. -moz-opacity: 0.5;
  805. }
  806. </style>
  807.  
  808.  
  809. {block:IfInfiniteScrolling}
  810. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  811.  
  812. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  813.  
  814. <script type="text/javascript">
  815. $(document).ready(function(){
  816. $(".shownotes").hide();
  817. $(".note").click(function(){
  818. $(this).next(".shownotes").slideToggle('slow');
  819. }); }); </script>
  820.  
  821. <script type="text/javascript">
  822. $(document).ready(function(){
  823. $(".tbody").hide();
  824. $(".theader").click(function(){
  825. $(this).next(".tbody").slideToggle('slow');
  826. }); }); </script>
  827.  
  828.  
  829. </head>
  830.  
  831. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  832.  
  833. <script>
  834. $().ready(function() {
  835. $("[title]").style_my_tooltips({
  836. tip_follows_cursor: "on", //on/off
  837. tip_delay_time: 200 //milliseconds
  838. });
  839. });
  840. </script>
  841.  
  842. <body>
  843. <div id="sidecon">
  844. <div id="left-col">
  845. {block:IfShowPortrait}<div id="portrait"><img src="{PortraitURL-64}"></div>{/block:IfShowPortrait}
  846.  
  847. <a href="/" class="tlink">home</a>
  848. <a href="/ask" class="tlink">ask</a>
  849. <a href="/archive" class="tlink">archive</a>
  850.  
  851. <p class="theader"> links</p>
  852. <div class="tbody">
  853. {block:ifLink1}<a href="{text:Link1 URL}" class="tlink">{text:Link1}</a>{/block:ifLink1}
  854. {block:ifLink2}<a href="{text:Link2 URL}" class="tlink">{text:Link2}</a>{/block:ifLink2}
  855. {block:ifLink3}<a href="{text:Link3 URL}" class="tlink">{text:Link3}</a>{/block:ifLink3}
  856. {block:ifLink4}<a href="{text:Link4 URL}" class="tlink">{text:Link4}</a>{/block:ifLink4}
  857. </div>
  858.  
  859. {block:IfNotInfiniteScrolling}<div id="page">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a> /{/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination} </div>{/block:IfNotInfiniteScrolling}
  860.  
  861. </div>
  862.  
  863. <div id="right-col">
  864. <div id="desc"><div id="sidetitle"><a href="/">{title}</a></div>
  865.  
  866.  
  867. {block:IfShowSidebarImage}
  868. <div class="sideimage"><img src="{image:Sidebar}"></div>{/block:IfShowSidebarImage}
  869. <div id="dmove">{description}</div>
  870.  
  871. </div></div></div></div>
  872.  
  873. <div id="cbackground"></div>
  874. <div class="autopagerize_page_element">
  875. {block:Posts}<div id="main">
  876. <div class="entry">
  877.  
  878. {block:NoteCount} <div id="rebagle"><a href="{ReblogURL}" target="_blank">Reblog</a></div>{/block:NoteCount}
  879.  
  880.  
  881. {block:Text}{block:Title}<div class="header">{Title}</div>{/block:Title}{Body}
  882. {/block:Text}
  883.  
  884. {block:Photo}{LinkOpenTag}<div class="eimages"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{LinkCloseTag}
  885.  
  886. <div class="captions">
  887. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}</div>
  888. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  889.  
  890. {/block:PermalinkPage}{/block:IfNotShowCaption}
  891. {/block:Photo}
  892.  
  893. {block:Photoset}
  894. {block:If500pxPosts}<div class="eimages">{Photoset-500}</div>{/block:If500pxPosts}
  895. {block:IfNot500pxPosts}<div class="eimages">{Photoset-400}</div>{/block:IfNot500pxPosts}
  896. <div class="captions">
  897. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}</div>
  898. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  899. {/block:Photoset}
  900.  
  901. {block:Quote}<div class="quote">{Quote}</div>
  902. {block:Source}<div id="source"> —{Source}</div>{/block:Source}
  903. {/block:Quote}
  904.  
  905. {block:Link}<div class="header"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  906. {/block:Link}
  907.  
  908. {block:Chat}{block:Title}<div class="header">{Title}</div>
  909. {/block:Title}
  910. <div class="chinwag">{block:Lines}{block:Label}
  911. <b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  912. {/block:Chat}
  913.  
  914. {block:Audio}
  915. <div class="pplayers">
  916. <div class="playbutton">
  917. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  918. </div></div>
  919.  
  920. <img src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}" height="100px" width="100px" style="background-color: {color:permalink};" >
  921.  
  922. <div id="float">
  923. <div id="artist">{block:Artist}<b>Artist -</b> {Artist}{/block:Artist}</div>
  924. <div id="track">{block:TrackName}<b>Track Name -</b> {TrackName}
  925. {/block:TrackName}</div>
  926. <div id="count">{block:PlayCount}<b>Play Count-</b> {PlayCount}{/block:PlayCount}</div></div>
  927. <br>
  928. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  929. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  930.  
  931. {/block:Audio}
  932.  
  933. {block:Video}
  934. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  935. {block:IfNot500pxPosts}{Video-400}{/block:IfNot500pxPosts}
  936. <div class="captions">
  937. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}</div>
  938. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  939. {/block:Video}
  940.  
  941. {block:Answer}
  942. <div class="ask">{Question}</div><div class="qarrow">◤
  943. </div><div id="question"><img src="{AskerPortraitURL-16}"> {Asker}</div>
  944. {Answer}
  945. {/block:Answer}
  946. </div>
  947.  
  948.  
  949. <!-- START OF TAGS -->
  950.  
  951. {block:Date}<br>
  952. <div class="tags">
  953.  
  954. {block:RebloggedFrom}<div id="portraitcontrol">
  955. <div class="sotype">
  956. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
  957. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>
  958. </div></div>
  959. {/block:RebloggedFrom}
  960.  
  961.  
  962. {block:IfShowTags}<div id="tagcontrol">
  963. <b>posted: </b> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}"> {NoteCountWithLabel}</a>
  964. {/block:NoteCount}<br>
  965.  
  966. {block:HasTags}
  967. <b>Tags:</b> {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  968. {/block:HasTags}</div>
  969. {/block:IfShowTags}</div>{/block:Date}
  970.  
  971.  
  972. {block:ContentSource}
  973. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  974. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  975. {/block:SourceLogo}
  976. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  977. {/block:ContentSource}
  978.  
  979. {block:PermalinkPage}
  980. {block:PostNotes}
  981. <div class="note" id="anotes">CLICK TO SHOW NOTES</div>
  982. <div class="shownotes"> {PostNotes}
  983. </div>
  984. {/block:PostNotes}
  985. {/block:PermalinkPage}
  986. </div>
  987. {/block:Posts}
  988. </div>
  989.  
  990. <!--UNDER NO CIRCUMSTANCES MUST YOU REMOVE THE CREDITS FROM THIS PAGE-->
  991. <DIV id="credits"><a href="http://fallowmire.tumblr.com" title="fallowmire">FM</a></div>
  992. </body>
  993. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!