API tools faq
paste
Advertisement
nofacesface

Symphony

nofacesface
Aug 10th, 2014
2,931
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat  (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9.  
  10. <meta name="color:Background" content="#fefefe" />
  11.  
  12. <meta name="color:Primary Link" content="#cfcfcf"/>
  13. <meta name="color:Primary Link Hover" content="#bbb" />
  14.  
  15. <meta name="color:Secondary Link" content="#cfcfcf" />
  16. <meta name="color:Secondary Link Hover" content="#bbb" />
  17.  
  18. <meta name="color:Post Title" content="#cfcfcf"/>
  19. <meta name="color:Post BG" content="#fefefe"/>
  20.  
  21. <meta name="color:Scroll" content="#cfcfcf" />
  22.  
  23. <meta name="color:Chat Even Text" content="#FD9B98" />
  24.  
  25. <meta name="color:Underline" content="#FD9B98" />
  26. <meta name="color:Bold" content="#442E21" />
  27. <meta name="color:Italic" content="#A44D51" />
  28.  
  29. <meta name="color:Text" content="#cfcfcf" />
  30. <meta name="color:Blockquote" content="#cfcfcf" />
  31.  
  32. <meta name="color:Description" content="#cfcfcf" />
  33.  
  34. <meta name="color:Pagination" content="#cfcfcf" />
  35. <meta name="color:Pagination Hover" content="#bbb" />
  36.  
  37. <meta name="image:Background" content="" />
  38.  
  39. <meta name="image:Second Background" content="" />
  40.  
  41. <meta name="image:Sidebar Image" content="http://static.tumblr.com/0a9b0e66d839d8a0aec09fbf4ef8cfe1/cbjpgjf/waAn8fi27/tumblr_static_8s1ytqrfk5k48kk4c8kk0w80g.png" />
  42.  
  43. <meta name="text:Link One URL" content="/" />
  44. <meta name="text:Link One Title" content="Refresh" />
  45. <meta name="text:Link Two URL" content="/ask" />
  46. <meta name="text:Link Two Title" content="Whisper" />
  47. <meta name="text:Link Three URL" content="/archive" />
  48. <meta name="text:Link Three Title" content="Memories" />
  49. <meta name="text:Link Four URL" content="/" />
  50. <meta name="text:Link Four Title" content="Bio" />
  51.  
  52. <meta name="text:Fish Color" content="FEC0B3" />
  53. <meta name="text:Fish Color Odd" content="F8918B" />
  54. <meta name="text:Fish Food" content="F8918B" />
  55. <meta name="text:Fish BG" content="FAFAFA" />
  56.  
  57. <meta name="if:Light" content="1"/>
  58. <meta name="if:Dark" content="0"/>
  59. <meta name="if:Caption" content="1"/>
  60. <meta name="if:Pagination" content="0"/>
  61. <meta name="if:BlurredSidebar" content="1"/>
  62. <meta name="if:InfiniteScroll" content="1"/>
  63. <meta name="if:Fish" content="1"/>
  64. <meta name="if:GrayScale" content="0"/>
  65. <meta name="if:500px" content="0"/>
  66. <meta name="if:400px" content="0"/>
  67. <meta name="if:250px" content="1"/>
  68. <meta name="if:MusicPlayer" content="1"/>
  69.  
  70. <meta name="color:Link Title Border" content="#cfcfcf" />
  71. <meta name="color:Link Title Text" content="#cfcfcf" />
  72.  
  73. <meta name="text:Music Code" content="" />
  74.  
  75. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}">
  76.  
  77. <!-- LINK HOVER -->
  78.  <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  79.  
  80. <style>
  81.     div#qTip {
  82.     padding: 4px;
  83.     display: none;
  84.     text-align: center;
  85.     position: absolute;
  86.     font-family: calibri;
  87.     font-style: normal;
  88.     font-size:8px;
  89.     line-height:10px;
  90.     z-index: 1000;
  91.     border: 1px solid {color:Link Title Border};
  92.     {block:ifLight}
  93.     background-color: rgba(255,255,255,0.7);
  94.     {/block:ifLight}
  95.     {block:ifDark}
  96.     background-color: rgba(0,0,0,0.7);
  97.     {/block:ifDark}
  98.     color: {color:Link Title Text};
  99.     text-transform:uppercase;
  100.     letter-spacing: 3px;
  101.     }
  102.     </style>
  103.    
  104.  
  105. <style type="text/css">
  106.  
  107. /* FONT AWESOME */
  108. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  109. [class*="fontawesome-"]:before {font-family: 'FontAwesome', sans-serif;}
  110.  
  111. /* TUMBLR CONTROLS */
  112. #tumblr_controls {position: fixed !important;}
  113.  
  114. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  115.  
  116. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  117.  
  118. /* SCROLL BAR */
  119. ::-webkit-scrollbar {width: 3px;height:5px; background: transparent;}
  120. ::-webkit-scrollbar-thumb {background: {color:Scroll};}
  121.  
  122. /* GENERAL */
  123.  
  124. body{
  125. cursor:crosshair;
  126. margin:0px;
  127. font-family: calibri;
  128. text-transform: uppercase;
  129. font-size: 8px;
  130. letter-spacing: 2px;
  131. line-height: 12px;
  132. color: {color:text};
  133. background-color: {color:Background};
  134. background-image: url({image:Background});
  135. word-wrap: break-word;
  136. background-attachment: fixed;
  137. overflow-x: hidden;}
  138.  
  139. /* PRIMARY LINK */
  140. a:link, a:active, a:visited {
  141. text-decoration: none;
  142. color: {color:Primary Link};
  143. cursor: help;
  144. -webkit-transition: all 0.8s ease;
  145. transition: all 0.8s ease;
  146. -moz-transition: all 0.8s ease;
  147. -o-transition: all 0.8s ease;}
  148.  
  149. a:hover { color: {color:Primary Link Hover};}
  150.  
  151. /* SECONDARY LINK */
  152. a.class2, a.class2:link, a.class2:active, a.class2:visited  {
  153. color: {color:Secondary Link};
  154. cursor: help;
  155. -webkit-transition: all 0.8s ease;
  156. transition: all 0.8s ease;
  157. -moz-transition: all 0.8s ease;
  158. -o-transition: all 0.8s ease;}
  159.  
  160. a.class2:hover { color: {color:Secondary Link Hover};}
  161.  
  162. /* POSTS */
  163.  
  164. .wrapper {
  165. height: 100%;
  166. background-image: url({image:Second Background});
  167. word-wrap: break-word;
  168. background-attachment: fixed;
  169. {block:if250px}
  170. width: 340px;
  171. {/block:if250px}
  172. {block:if400px}
  173. width: 440px;
  174. {/block:if400px}
  175. {block:if500px}
  176. width: 540px;
  177. {/block:if500px}
  178. position: fixed;
  179. left: 145px;
  180. top: 0px;
  181. }
  182.  
  183. #content{
  184. margin-top: 20px;
  185. margin-left: 155px;
  186. {block:if250px}
  187. width: 310px;
  188. {/block:if250px}
  189. {block:if400px}
  190. width: 410px;
  191. {/block:if400px}
  192. {block:if500px}
  193. width: 510px;
  194. {/block:if500px}
  195. }
  196.    
  197. #entry{
  198. {block:if250px}
  199. width: 300px;
  200. {/block:if250px}
  201. {block:if400px}
  202. width: 400px;
  203. {/block:if400px}
  204. {block:if500px}
  205. width: 500px;
  206. {/block:if500px}
  207. margin: 20px 10px;
  208. position: relative;
  209. -webkit-transition: all 0.8s ease-in-out;
  210. -moz-transition: all 0.8s ease-in-out;
  211. -o-transition: all 0.8s ease-in-out;
  212. -ms-transition: all 0.8s ease-in-out;
  213. transition: all 0.8s ease-in-out;
  214. {block:IndexPage}
  215. opacity: .8;
  216. {/block:IndexPage}
  217. {block:PermalinkPage}
  218. opacity: 1;
  219. {/block:PermalinkPage}}
  220.  
  221. #entry img{
  222. max-width:100%;
  223. opacity: 1px;}
  224.  
  225. {block:IndexPage}
  226. #entry:hover {opacity: 1;}
  227. {/block:IndexPage}
  228.  
  229. {block:ifGrayscale}
  230. .html_photoset {
  231. -webkit-filter: grayscale(100%);
  232. -webkit-transition: all 0.8s ease-in-out;
  233. -moz-transition: all 0.8s ease-in-out;
  234. -o-transition: all 0.8s ease-in-out;
  235. -ms-transition: all 0.8s ease-in-out;
  236. transition: all 0.8s ease-in-out;}
  237.  
  238. .html_photoset:hover {
  239. -webkit-filter: grayscale(0);}
  240.  
  241. #entry img {
  242. -webkit-filter: grayscale(100%);
  243. -webkit-transition: all 0.8s ease-in-out;
  244. -moz-transition: all 0.8s ease-in-out;
  245. -o-transition: all 0.8s ease-in-out;
  246. -ms-transition: all 0.8s ease-in-out;
  247. transition: all 0.8s ease-in-out;}
  248.  
  249. #entry img:hover {
  250. -webkit-filter: grayscale(0);}
  251. {/block:ifGrayscale}
  252.  
  253. /* SIDEBAR */
  254.  
  255. .symphony {
  256. position:fixed;
  257. {block:if250px}
  258. left: 485px;
  259. {/block:if250px}
  260. {block:if400px}
  261. left: 585px;
  262. {/block:if400px}
  263. {block:if500px}
  264. left: 685px;
  265. {/block:if500px} }
  266.  
  267. .crescendo {
  268. position: fixed;
  269. background-image: url({image:Second Background});
  270. margin-left: 0px;
  271. bottom: 40px;
  272. height: 365px;
  273. width: 145px;
  274. overflow: hidden;
  275. border-top-right-radius: 20px;
  276. border-bottom-right-radius: 20px; }
  277.  
  278. .fish {
  279. left: 0px;
  280. top: -20px;
  281. height: 385px;
  282. width: 145px;
  283. position: absolute; }
  284.  
  285. .strings, .percussion {
  286. position: absolute;
  287. width: 103px;
  288. height: 30px;
  289. bottom: 10px;
  290. left: 10px;
  291. overflow: hidden;
  292. {block:ifLight}
  293. background-color: rgba(255,255,255,0.7);
  294. {/block:ifLight}
  295. {block:ifDark}
  296. background-color: rgba(0,0,0,0.7);
  297. {/block:ifDark}
  298. border-bottom-right-radius: 20px;
  299. border: 1px solid #cfcfcf;
  300. -webkit-transition: all 0.7s ease;
  301. -moz-transition: all 0.7s; }
  302.  
  303. .ballad {
  304. padding-top: 8px;
  305. font-family: calibri;
  306. font-size: 10px;
  307. text-align: center;
  308. color: #cfcfcf; }
  309.  
  310. .percussion {
  311. height: 248px;
  312. bottom: 63px;
  313. opacity: 0;
  314. overflow: hidden;
  315. border-bottom-right-radius: 0px;
  316. border-top-right-radius: 20px; }
  317.  
  318. .crescendo:hover .percussion {
  319. opacity: 1; }
  320.  
  321. .vibrato {
  322. color: {color:Description};
  323. font-style: normal;
  324. font-family: calibri;
  325. position: relative;
  326. text-align: justify;
  327. font-size: 8px;
  328. line-height: 9px;
  329. text-transform: uppercase;
  330. letter-spacing: 2px;
  331. padding: 13px; }
  332.  
  333. .orchestra {
  334. margin-top: 20px;
  335. position: fixed;
  336. height: 325px;
  337. background-color: #fefefe;
  338. width: 125px;
  339. overflow: hidden;
  340. border-top-right-radius: 20px;
  341. border-bottom-right-radius: 20px; }
  342.  
  343. .muse {
  344. height: 325px;
  345. width: 125px;
  346. opacity: 1;
  347. -webkit-transition: all 0.7s ease;
  348. -moz-transition: all 0.7s; }
  349.  
  350. .muse img {
  351. width: 100%;
  352. height: 100%;
  353. -webkit-transition: all 0.7s ease;
  354. -moz-transition: all 0.7s; }
  355.  
  356. {block:ifBlurredSidebar}
  357. .crescendo:hover .muse {
  358. -webkit-filter: blur(5px);
  359. -moz-filter: blur(5px);
  360. -o-filter: blur(5px);
  361. -ms-filter: blur(5px);
  362. filter: blur(5px);
  363. opacity: 0.8; }
  364. {/block:ifBlurredSidebar}
  365.  
  366. .crescendo:hover .muse img {
  367. width: 150%;
  368. height: 150%;
  369. margin-left: -20px;
  370. margin-top: -20px; }
  371.  
  372. /* NAVIGATION */
  373.  
  374. .adagio {
  375. position: absolute;
  376. width: 105px;
  377. bottom: 45px;
  378. font-family: calibri;
  379. font-size: 14px;
  380. word-spacing: 6px;
  381. text-align: justify;
  382. letter-spacing: 2px;
  383. left: 10px;
  384. opacity: 0;
  385. -webkit-transition: all 0.7s ease;
  386. -moz-transition: all 0.7s; }
  387.  
  388. .crescendo:hover .adagio {
  389. opacity: 1; }
  390.  
  391. /* TEXT */
  392.  
  393. i, em {color:{color:Italic};}
  394.  
  395. b, strong {
  396. color:{color:Bold};
  397. letter-spacing: 3px; }
  398.  
  399. ul,ol {
  400. margin-left: 10px;
  401. padding: 5px; }
  402.  
  403. p {margin: 0px;}
  404.  
  405. u {
  406. text-decoration:none;
  407. color: {color:Underline};
  408. letter-spacing: 1px;
  409. border-bottom:1px solid {color:Underline};}
  410.  
  411. blockquote {
  412. border-left: 2px solid {color:Blockquote};
  413. margin: 3px;
  414. padding: 2px 5px; }
  415.  
  416. .quote, .text, .caption {
  417. padding:30px;
  418. width: auto;
  419. color: {color:Text};
  420. background: {color:Post BG};
  421. text-align: justify; }
  422.  
  423. .caption {
  424. padding:10px;
  425. margin-top: 10px; }
  426.  
  427. .photow {
  428. padding: 25px;
  429. background: {color:Post BG}; }
  430.  
  431. .vidw {
  432. padding: 25px;
  433. background: {color:Post BG}; }
  434.  
  435. /* TITLES */
  436.  
  437. .titlew {
  438. width: auto;
  439. padding-bottom: 10px; }
  440.  
  441. .titleb {
  442. padding-top: 10px;
  443. padding-bottom: 10px;
  444. padding-left: 30px;
  445. padding-right: 30px;
  446. background: {color:Post BG}; }
  447.  
  448. .title {
  449. text-align: center;
  450. font-family:calibri;
  451. padding: 4px;
  452. font-style: normal;
  453. font-size:11px;
  454. line-height: 18px;
  455. letter-spacing: 3px;
  456. text-transform: uppercase;
  457. color:{color:Post Title};
  458. -webkit-transition: all 0.7s ease;
  459. -moz-transition: all 0.7s; }
  460.  
  461. .source {text-align:right;}
  462.  
  463. /* PERMALINKS */
  464.  
  465. #perma {
  466. overflow: hidden;
  467. height: 1px;
  468. width: auto;
  469. -webkit-transition: all 0.7s ease-in-out;
  470. -moz-transition: all 0.7s ease-in-out;
  471. -o-transition: all 0.7s ease-in-out;
  472. -ms-transition: all 0.7s ease-in-out;
  473. transition: all 0.7s ease-in-out; }
  474.  
  475. #entry:hover #perma {height: 26px;}
  476.  
  477. .pline {
  478. float: right;
  479. top: 0px;
  480. width: 0%;
  481. height: 1px;
  482. background-color: #cfcfcf;
  483. -webkit-transition: all 0.7s ease-in-out;
  484. -moz-transition: all 0.7s ease-in-out;
  485. -o-transition: all 0.7s ease-in-out;
  486. -ms-transition: all 0.7s ease-in-out;
  487. transition: all 0.7s ease-in-out; }
  488.  
  489. #entry:hover .pline {width: 100%;}
  490.  
  491. .pb {
  492. margin-top: 8px;
  493. margin-left: 5px;
  494. font-family: calibri;
  495. font-size: 14px;
  496. word-spacing: 6px;
  497. text-align: justify;
  498. opacity: 0;
  499. -webkit-transition: all 0.7s ease-in-out;
  500. -moz-transition: all 0.7s ease-in-out;
  501. -o-transition: all 0.7s ease-in-out;
  502. -ms-transition: all 0.7s ease-in-out;
  503. transition: all 0.7s ease-in-out;
  504. -webkit-transition-delay: 0.7s;
  505. transition-delay: 0.7s; }
  506.  
  507. #entry:hover .pb {opacity: 1;}
  508.  
  509. {block:PermalinkPage}
  510. #permalink {
  511. text-align:center;
  512. margin-top:15px;
  513. padding:10px;
  514. font-size:8px;
  515. {block:ifLight}
  516. background-color: rgba(255,255,255,0.7);
  517. {/block:ifLight}
  518. {block:ifDark}
  519. background-color: rgba(0,0,0,0.7);
  520. {/block:ifDark}
  521. letter-spacing: 2px;
  522. font-style: normal;
  523. text-transform:uppercase;
  524. color: {color:Text}; }
  525. {/block:PermalinkPage}
  526.  
  527. .tags {
  528. padding: 5px; }
  529.  
  530. /* PAGINATION */
  531.  
  532. .soprano {
  533. position: fixed;
  534. {block:if250px}
  535. width: 340px;
  536. {/block:if250px}
  537. {block:if400px}
  538. width: 440px;
  539. {/block:if400px}
  540. {block:if500px}
  541. width: 540px;
  542. {/block:if500px}
  543. height: 0px;
  544. left: 145px;
  545. top: 0px;
  546. z-index: 999;
  547. background-image: url({image:Second Background});
  548. word-wrap: break-word;
  549. background-attachment: fixed;
  550. overflow: hidden;
  551. -webkit-transition: all 0.7s ease-in-out;
  552. -moz-transition: all 0.7s ease-in-out;
  553. -o-transition: all 0.7s ease-in-out;
  554. -ms-transition: all 0.7s ease-in-out;
  555. transition: all 0.7s ease-in-out; }
  556.  
  557. #content:hover .soprano {
  558. height: 70px;
  559. }
  560.  
  561. .pfish {
  562. position: absolute;
  563. width: 100%;
  564. height: 100%;
  565. }
  566.  
  567. .baritone {
  568. width: 100%;
  569. height: 30px;
  570. margin-left: 0px;
  571. margin-top: 20px;
  572. position: absolute;
  573. opacity: 0;
  574. -webkit-transition: all 0.7s ease-in-out;
  575. -moz-transition: all 0.7s ease-in-out;
  576. -o-transition: all 0.7s ease-in-out;
  577. -ms-transition: all 0.7s ease-in-out;
  578. transition: all 0.7s ease-in-out;
  579. -webkit-transition-delay: 0.7s;
  580. transition-delay: 0.7s;
  581. }
  582.  
  583. #content:hover .baritone {
  584. opacity: 1;
  585. }
  586.  
  587. .pagin {
  588. margin-left: auto;
  589. margin-right: auto;
  590. width: 200px;
  591. height: 30px;
  592. margin-top: 8px;
  593. }
  594.  
  595. .jump_page {
  596. padding: 4px 8px;
  597. color: {color:Pagination};
  598. font-size:12px;
  599. text-decoration:none;
  600. }
  601.  
  602. .current_page, .jump_page:hover {
  603. padding: 4px 8px;
  604. color: {color:Pagination Hover};
  605. font-size:12px;
  606. text-decoration:none;
  607. }
  608.  
  609. /* MUSIC */
  610.  
  611. .melody {
  612. position: fixed;
  613. width: 25px;
  614. height: 30px;
  615. margin-left: -25px;
  616. margin-top: 40px;
  617. background-image: url({image:Second Background});
  618. word-wrap: break-word;
  619. background-attachment: fixed;
  620. border-top-left-radius: 30px;
  621. border-bottom-left-radius: 30px;
  622. overflow: hidden;
  623. -webkit-transition: all 0.7s ease-in-out;
  624. -moz-transition: all 0.7s ease-in-out;
  625. -o-transition: all 0.7s ease-in-out;
  626. -ms-transition: all 0.7s ease-in-out;
  627. transition: all 0.7s ease-in-out;
  628. }
  629.  
  630. .melody:hover {
  631. width: 80px;
  632. margin-left: -80px;}
  633.  
  634. .melody:hover .choir {opacity: 0;}
  635.  
  636. .siren {
  637. margin-left: -30px;
  638. width: 130px;
  639. height: 30px;
  640. position: absolute;
  641. opacity: 1;
  642. }
  643.  
  644. .reverberate {
  645. margin-top: 6px;
  646. margin-left: 25px;
  647. width: 28px;
  648. height: 20px;
  649. position: absolute;
  650. overflow: hidden; }
  651.  
  652. .revb {margin-left: -20px;}
  653.  
  654. .choir {
  655. margin-top: 8px;
  656. margin-left: 7px;
  657. position: absolute;
  658. font-style: none;
  659. font-size: 14px;
  660. -webkit-transition: all 0.7s ease-in-out;
  661. -moz-transition: all 0.7s ease-in-out;
  662. -o-transition: all 0.7s ease-in-out;
  663. -ms-transition: all 0.7s ease-in-out;
  664. transition: all 0.7s ease-in-out; }
  665.  
  666. /* AUDIO */
  667.  
  668. .newplayerbutton {
  669. position: absolute;
  670. width: 20px;
  671. height: 20px;
  672. margin-left: 35px;
  673. margin-top: 30px;
  674. overflow: hidden; }
  675.            
  676. .playerbuttonhug {
  677. position: absolute;
  678. top: -11px;
  679. left: -10px; }
  680.  
  681. .tumblr_audio_player {
  682. border: none;
  683. padding: 0px;
  684. margin-top: 0px;
  685. margin-left: 0px;
  686. height: 50px;
  687. width: auto; }
  688.  
  689. .playerbuttonbg {
  690. position: absolute;
  691. width: 80px;
  692. height: 80px;
  693. background-color: #ffffff;
  694. opacity: .4;
  695. transition: opacity .8s ease-in-out;
  696. -moz-transition: opacity .8s ease-in-out;
  697. -webkit-transition: opacity .8s ease-in-out; }
  698.            
  699. .playerbuttonbg:hover {opacity: .9;}
  700.  
  701. .audioimgwrapper {
  702. position: absolute;
  703. left: 0px;
  704. top: 0px;
  705. overflow: hidden;
  706. width: 80px;
  707. background-color: #fefefe;
  708. height: 80px;
  709. transition: opacity .8s ease-in-out;
  710. -moz-transition: opacity .8s ease-in-out;
  711. -webkit-transition: opacity .8s ease-in-out; }
  712.            
  713. .audioimgwrapper img {
  714. width: 100%;
  715. height: auto; }
  716.            
  717. .trackdetails {
  718. display:inline-block;
  719. margin-left: 75px;
  720. margin-top: 0px;
  721. line-height: 15px;
  722. padding: 10px;
  723. padding-left: 20px;
  724. overflow: auto;
  725. background: {color:Post BG};
  726. {block:if250px}
  727. width: 195px;
  728. {/block:if250px}
  729. {block:if400px}
  730. width: 295px;
  731. {/block:if400px}
  732. {block:if500px}
  733. width: 395px;
  734. {/block:if500px}
  735. height: 60px; }
  736.            
  737. .audiowrapper {
  738. position: relative;
  739. display:inline-block;
  740. width: auto; }
  741.  
  742. /* ANSWER */
  743.  
  744. .askme {
  745. height: 80px;
  746. width: auto;
  747. background-color: {color:Post BG}; }
  748.  
  749. .anon {
  750. height: 80px;
  751. width: 80px;
  752. background: {color:Ask Avatar BG};
  753. position: absolute;
  754. overflow: hidden; }
  755.  
  756. .anon img {
  757. height: 100%;
  758. width: 100%; }
  759.  
  760. .qbox {
  761. height: 60px;
  762. {block:if250px}
  763. width: 200px;
  764. {/block:if250px}
  765. {block:if400px}
  766. width: 300px;
  767. {/block:if400px}
  768. {block:if500px}
  769. width: 400px;
  770. {/block:if500px}
  771. padding: 10px;
  772. margin-left: 80px;
  773. position: absolute;
  774. text-align: justify;
  775. overflow: auto; }
  776.  
  777. .answer {
  778. width: auto;
  779. background: {color:Post BG};
  780. margin-top: 10px;
  781. padding: 10px;
  782. padding-left: 20px;  
  783. text-align: justify; }
  784.  
  785. /* MISC */
  786.  
  787. #psa {
  788. z-index: -10000;
  789. position: fixed;
  790. top: 0;left: 0;
  791. width: 100%;
  792. height: 100%;
  793. {block:ifLight}
  794. background-color: rgba(255,255,255,0.7);
  795. {/block:ifLight}
  796. {block:ifDark}
  797. background-color: rgba(0,0,0,0.7);
  798. {/block:ifDark}
  799. color: #000;
  800. text-align: center;
  801. padding-top: 250px;
  802. opacity: 0;
  803. {block:if250px}{block:if500px}
  804. opacity: 1;z-index:10000;
  805. {/block:if500px}
  806. {block:if400px}
  807. opacity: 1;z-index:10000;
  808. {/block:if400px}
  809. {block:if400px}{block:if500px}
  810. opacity: 1;z-index:10000;
  811. {/block:if500px}{/block:if400px}
  812. {/block:if250px}
  813. {block:if400px}{block:if500px}
  814. opacity: 1;z-index:10000;
  815. {/block:if500px}{/block:if400px}
  816. {block:ifnot250px}{block:ifnot400px}{block:ifnot500px}
  817. opacity: 1;z-index:10000;
  818. {/block:ifnot500px}{/block:ifnot400px}{/block:ifnot250px} }
  819.  
  820. .c img {
  821. padding-left: 2.5px;
  822. padding-top: 2px;
  823. border-radius: 250px;
  824. opacity: 0;
  825. width:25px;
  826. height: 25px;
  827. -webkit-transition: 0.8s ease;transition: 0.8s ease;
  828. -o-transition: 0.8s ease;-moz-transition: 0.8s ease; }
  829.  
  830. .c {
  831. z-index: 99999;
  832. overflow: hidden;
  833. position:fixed;
  834. right:7px;
  835. bottom:7px;
  836. {block:ifLight}
  837. background-color: rgba(0,0,0,0.2);
  838. {/block:ifLight}
  839. {block:ifDark}
  840. background-color: rgba(255,255,255,0.2);
  841. {/block:ifDark}
  842. width: 30px;
  843. height: 30px;
  844. border-radius: 250px; }
  845.  
  846. .c img:hover {opacity: 1;}
  847.  
  848. .l .odd {
  849. display:block;
  850. color: {color:Text};
  851. padding:7px; }
  852.  
  853. .l .even {
  854. display:block;
  855. color: {color:Chat Even Text};
  856. padding:7px; }
  857.  
  858. #s-m-t-tooltip {
  859. display:inline-block;
  860. position:absolute;
  861. max-width:300px;
  862. margin:15px;
  863. padding:3px 10px 3px 10px;
  864. z-index:99;
  865. border:1px solid #AAA;
  866. border-radius:10px;
  867. border-top-left-radius:0px;
  868. background:#000; }
  869.  
  870. ::selection {color: {color:Hover};}
  871. ::-moz-selection {color: {color:Hover};}
  872. ::-webkit-selection {color: {color:Hover};}
  873.  
  874. img { margin-bottom:-3px;}
  875.  
  876. /* POSTNOTES */
  877.  
  878. ol.notes a, ol.notes {
  879. list-style:none;
  880. text-transform: uppercase;
  881. font-family: calibri;
  882. font-size: 8px;
  883. font-style: normal;
  884. line-height: 20px;
  885. margin-top:10px; }
  886.  
  887. ol.notes li.note img.avatar {
  888. vertical-align:-5px;
  889. margin-right:5px;
  890. border-radius: 500px;
  891. width:15px; }
  892.  
  893. ol.notes li.note {margin:5px 0px 10px -20px;}
  894. ol.notes li.note span.action {font-style: normal;}
  895. ol.notes li.note .answer_content {font-weight: normal;}
  896. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  897.  
  898. </style>
  899.  
  900. {block:ifInfiniteScroll}
  901. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  902.  
  903. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  904. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  905. {/block:ifInfiniteScroll}
  906.  
  907. </head>
  908. <body>
  909.  
  910. <div id="psa">please choose only one post size</div>
  911.  
  912. <div class="c">
  913. <a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a>
  914. </div><!--c-->
  915.  
  916. <!--SIDEBAR-->
  917. <div class="symphony">
  918. <div class="crescendo">
  919. {block:ifFish}
  920. <div class="fish">
  921. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor5={text:Fish Color}&up_fishColor3={text:Fish Color}&up_numFish=5&up_fishColor9={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor10={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor6={text:Fish Color}&up_backgroundImage=http://&up_fishColor2={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor8={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&" width="145" height="385"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor5=FEC0B3&up_fishColor3=FEC0B3&up_numFish=5&up_fishColor9={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor10={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor6={text:Fish Color}&up_backgroundImage=http://&up_fishColor2={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor8={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  922. </div><!--fish-->
  923. {/block:ifFish}
  924. <div class="orchestra">
  925. <div class="muse">
  926. <img src="{image:Sidebar Image}"/>
  927. </div><!--muse-->
  928. <div class="strings">
  929. <div class="ballad">
  930. {Title}
  931. </div><!--ballad-->    
  932. </div><!--strings-->
  933. <div class="percussion">
  934. <div class="vibrato">
  935. {Description}
  936. </div><!--vibrato-->
  937. </div><!--percussion-->
  938. <div class="adagio">
  939. <a href="{text:Link One URL}" title="{text:Link One Title}" class="class2"><span class="fontawesome-home"></span></a>
  940. <a href="{text:Link Two URL}" title="{text:Link Two Title}" class="class2"><span class="fontawesome-envelope"></span>  </a>
  941. <a href="{text:Link Three URL}" title="{text:Link Three Title}" class="class2"><span class="fontawesome-calendar"></span></a>
  942. <a href="{text:Link Four URL}" title="{text:Link Four Title}" class="class2"><span class="fontawesome-user"></span></a>
  943. </div><!--adagio-->
  944. </div><!--orchestra-->
  945. </div><!--crescendo-->    
  946. </div><!--symphony-->
  947. <!--SIDEBAR-->
  948.  
  949. <div class="wrapper">
  950. {block:ifMusicPlayer}
  951. <div class="melody">
  952. {block:ifFish}
  953. <div class="siren">
  954. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor6={text:Fish Color}&up_fishColor9={text:Fish Color}&up_fishColor2={text:Fish Color}&up_fishColor3={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor8={text:Fish Color}&up_backgroundImage=http://&up_fishName=Fish&up_fishColor10={text:Fish Color}&up_fishColor4={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&up_fishColor5={text:Fish Color}&up_numFish=3&" width="100%" height="100%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor6={text:Fish Color}&up_fishColor9={text:Fish Color}&up_fishColor2={text:Fish Color}&up_fishColor3={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor8={text:Fish Color}&up_backgroundImage=http://&up_fishName=Fish&up_fishColor10={text:Fish Color}&up_fishColor4={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&up_fishColor5=FEC0B3&up_numFish=3&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>    
  955. </div><!--siren-->
  956. {/block:ifFish}
  957. <div class="choir">
  958. <span class="fontawesome-music"></span>
  959. </div><!--choir-->
  960. <div class="reverberate">
  961. <div class="revb">
  962. {text:Music Code}
  963. </div><!--reverberate-->  
  964. </div><!--rev-->
  965. </div><!--melody-->
  966. {/block:ifMusicPlayer}
  967. {block:ifFish}
  968. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor5={text:Fish Color}&up_fishColor3={text:Fish Color}&up_numFish=10&up_fishColor9={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor10={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor6={text:Fish Color}&up_backgroundImage=http://&up_fishColor2={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor8={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&" width="100%" height="100%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor5={text:Fish Color}&up_fishColor3={text:Fish Color}&up_numFish=10&up_fishColor9={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor10={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor6={text:Fish Color}&up_backgroundImage=http://&up_fishColor2={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor8={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  969. {/block:ifFish}
  970. </div><!--wrapper-->
  971.  
  972. <div id="content">
  973. {block:Posts}
  974. <div id="entry">
  975.  
  976. {block:Text}
  977. {block:Title}
  978. <div class="titlew">
  979. <div class="titleb">
  980. <div class="title">{Title}
  981. </div><!--title-->
  982. </div><!--titleb-->    
  983. </div><!--titlew-->
  984. {/block:Title}
  985. <div class="text">{Body}</div>
  986. {/block:Text}
  987.  
  988. {block:Link}
  989. <a href="{URL}">
  990. <div class="titlew">
  991. <div class="titleb">
  992. <div class="title">{Name}
  993. <font style="font-style: normal;">
  994. <span class="fontawesome-caret-right"></span>
  995. </font>
  996. </div><!--title-->
  997. </div><!--titleb-->    
  998. </div><!--titlew-->
  999. </a>
  1000. {block:Description}
  1001. <div class="text">{Description}</div>
  1002. {/block:Description}
  1003. {/block:Link}
  1004.  
  1005. {block:Photo}
  1006. {block:IndexPage}
  1007. <a href="{Permalink}">
  1008. <div class="photow">
  1009. <center>
  1010. {block:if250px}<img src="{PhotoURL-250}"></a>{/block:if250px}
  1011. {block:if500px}<img src="{PhotoURL-500}"></a>{/block:if500px}
  1012. {block:if400px}<img src="{PhotoURL-400}"></a>{/block:if400px}
  1013. </center>
  1014. </div></a><!--photow-->
  1015. {/block:IndexPage}
  1016. {block:PermalinkPage}
  1017. <div class="photow">
  1018. <center>
  1019. {block:if250px}<img src="{PhotoURL-250}"></a>{/block:if250px}
  1020. {block:if500px}<img src="{PhotoURL-500}"></a>{/block:if500px}
  1021. {block:if400px}<img src="{PhotoURL-400}"></a>{/block:if400px}
  1022. </center>
  1023. </div><!--photow-->
  1024. {/block:PermalinkPage}
  1025. {block:ifCaption}{block:Caption}
  1026. <div class="caption">{Caption}</div>
  1027. {/block:Caption}{/block:ifCaption}
  1028. {/block:Photo}
  1029.  
  1030. {block:Photoset}
  1031. {block:IndexPage}
  1032. <div class="photow">
  1033. <center>
  1034. {Photoset}
  1035. </center>
  1036. </div><!--photow-->
  1037. {/block:IndexPage}
  1038. {block:PermalinkPage}
  1039. <div class="photow">
  1040. <center>
  1041. {Photoset}
  1042. </center>
  1043. </div><!--photow-->
  1044. {/block:PermalinkPage}
  1045. {block:ifCaption}{block:Caption}
  1046. <div class="caption">{Caption}</div>
  1047. {/block:Caption}{/block:ifCaption}
  1048. {/block:Photoset}
  1049.  
  1050. {block:Quote}
  1051. <div class="quote">{Quote}
  1052. <div class="source">— {Source}</div>
  1053. </div><!--quote-->
  1054. {/block:Quote}
  1055.  
  1056. {block:Chat}
  1057. {block:Title}
  1058. <div class="titlew">
  1059. <div class="titleb">
  1060. <div class="title">
  1061. {Title}
  1062. </div><!--title-->
  1063. </div><!--titleb-->    
  1064. </div><!--titlew-->
  1065. {/block:Title}
  1066. <div class="text">
  1067. {block:Lines}
  1068. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1069. {block:Label}
  1070. <font style="text-transform: uppercase; font-style: normal; letter-spacing: 1px;">{Label}</font>
  1071. {/block:Label}
  1072. {Line}
  1073. </div></div>
  1074. {/block:Lines}    
  1075. </div><!--text-->
  1076. {/block:Chat}
  1077.  
  1078. {block:AudioPlayer}
  1079. <div class="audiowrapper">
  1080. {block:AlbumArt}
  1081. <div class="audioimgwrapper">
  1082. <img src="{AlbumArtURL}">
  1083. </div><!--audioimgwrapper-->
  1084. {/block:AlbumArt}
  1085. <div class="playerbuttonbg">
  1086. <div class="newplayerbutton">
  1087. <div class="playerbuttonhug">
  1088. {AudioPlayerWhite}
  1089. </div><!--playerbuttonbg-->
  1090. </div><!--newplayerbutton-->
  1091. </div><!--playerbuttonhug-->
  1092. <div class="trackdetails">
  1093. {block:TrackName}<b>TITLE:</b> {TrackName}{/block:TrackName}<br>
  1094. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1095. {block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br>
  1096. <b>PLAYS:</b> {PlayCountWithLabel}
  1097. </div><!--trackdetails-->
  1098. </div><!--audiowrapper-->
  1099. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1100. {/block:AudioPlayer}
  1101.    
  1102. {block:Video}
  1103. {block:IndexPage}
  1104. <div class="vidw">
  1105. {block:if250px}
  1106. <center>{Video-250}</center>
  1107. {/block:if250px}
  1108. {block:if500px}
  1109. <center>{Video-500}</center>
  1110. {/block:if500px}
  1111. {block:if400px}
  1112. <center>{Video-400}</center>
  1113. {/block:if400px}
  1114. </div><!--vidw-->
  1115. {/block:IndexPage}
  1116. {block:PermalinkPage}
  1117. <div class="vidw">
  1118. {block:if250px}
  1119. <center>{Video-250}</center>
  1120. {/block:if250px}
  1121. {block:if500px}
  1122. <center>{Video-500}</center>
  1123. {/block:if500px}
  1124. {block:if400px}
  1125. <center>{Video-400}</center>
  1126. {/block:if400px}
  1127. </div><!--vidw-->
  1128. {/block:PermalinkPage}
  1129. {block:ifCaption}{block:Caption}
  1130. <div class="caption">{Caption}</div>
  1131. {/block:Caption}{/block:ifCaption}
  1132. {/block:Video}
  1133.  
  1134. {block:Answer}
  1135. <div class="askme">
  1136. <div class="anon">
  1137. <img src="{AskerPortraitURL-64}">
  1138. </div><!--anon-->
  1139. <div class="qbox">
  1140. <strong>{Asker} asked:</strong> {Question}    
  1141. </div><!--qbox-->
  1142. </div><!--askme-->
  1143. <div class="answer">
  1144. {Answer}
  1145. </div><!--askme-->
  1146. {/block:Answer}
  1147.  
  1148. {block:IndexPage}
  1149. <div id="perma">
  1150. <div class="pline"></div>
  1151. <div class="pb">
  1152. <a href="{ReblogURL}" target="_blank" title="reblog" class="class2"><span class="fontawesome-retweet"></span></a>
  1153. <a href="{ReblogParentURL}" target="_blank" title="via" class="class2"><span class="fontawesome-reply"></span></a>
  1154. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}" class="class2"><span class="fontawesome-map-marker"></span></a>
  1155. <a href="{Permalink}" title="info" class="class2"><span class="fontawesome-link"></span></a>
  1156. </div><!--pb-->
  1157. </div><!--perma-->
  1158. {/block:IndexPage}
  1159.  
  1160. {block:PermalinkPage}
  1161. <div id="permalink">
  1162. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}
  1163. {block:NoteCount} |<a href="{Permalink}">{NoteCount}%</a>{block:NoteCount}
  1164. {block:RebloggedFrom}| <a href="{ReblogParentURL}" title="{ReblogParentName}" ><span class="fontawesome-reply"></span></a> | <a href="{ReblogRootURL}" title="{ReblogRootName}" >origin</a>{/block:RebloggedFrom}
  1165. {block:HasTags}<div class="tags">Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1166. </div><!--permalink-->
  1167. {/block:PermalinkPage}
  1168.  
  1169. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1170. </div><!--entry-->
  1171. {/block:Posts}
  1172.  
  1173. {block:ifPagination}  
  1174. <div class="soprano">
  1175. {block:ifFish}
  1176. <div class="pfish">
  1177. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor5={text:Fish Color}&up_fishColor3={text:Fish Color}&up_numFish=10&up_fishColor9={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor10={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor6={text:Fish Color}&up_backgroundImage=http://&up_fishColor2={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor8={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&" width="100%" height="100%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor5={text:Fish Color}&up_fishColor3={text:Fish Color}&up_numFish=10&up_fishColor9={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor10={text:Fish Color}&up_fishColor1={text:Fish Color Odd}&up_fishColor6={text:Fish Color}&up_backgroundImage=http://&up_fishColor2={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor8={text:Fish Color}&up_foodColor={text:Fish Food}&up_backgroundColor={text:Fish BG}&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  1178. </div>
  1179. {/block:ifFish}
  1180. <div class="baritone">
  1181. <div class="pagin">
  1182. <center>
  1183. {block:Pagination}
  1184. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><span class="fontawesome-caret-left"></span></a>{/block:PreviousPage}
  1185. {block:JumpPagination length="4"}
  1186. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1187. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1188. {block:NextPage}<a href="{NextPage}" class="jump_page"><span class="fontawesome-caret-right"></span></a>{/block:NextPage}
  1189. {/block:Pagination}
  1190. </center>
  1191. </div>
  1192. </div>
  1193. </div>
  1194. {/block:ifPagination}
  1195.  
  1196. </div><!--content-->
  1197.  
  1198.  
  1199. </body>
  1200. </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!