API tools faq
paste
Advertisement
nofacesface

Make Us Free

nofacesface
Nov 27th, 2014
1,612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.47 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:Gradient One" content="#515151" />
  13. <meta name="color:Gradient Two" content="#999" />
  14. <meta name="color:Gradient Three" content="#ccc" />
  15. <meta name="color:Gradient Four" content="#dedede" />
  16. <meta name="color:Gradient Five" content="#eee" />
  17.  
  18.  
  19. <meta name="color:Link Title BG" content="#313131"/>
  20. <meta name="color:Link Title Text" content="#999"/>
  21. <meta name="color:Primary Link" content="#cfcfcf"/>
  22. <meta name="color:Primary Link Hover" content="#bbb" />
  23. <meta name="color:Extra Link Hover" content="#111" />
  24.  
  25. <meta name="color:Search Bar BG" content="#313131" />
  26. <meta name="color:Search Bar Text" content="#999" />
  27.  
  28. <meta name="color:Post BG" content="#fefefe"/>
  29.  
  30. <meta name="color:Scroll" content="#999" />
  31.  
  32. <meta name="color:Chat Even Text" content="#555" />
  33. <meta name="color:Chat Odd Text" content="#999" />
  34.  
  35. <meta name="color:Underline" content="" />
  36. <meta name="color:Bold" content="" />
  37. <meta name="color:Italic" content="" />
  38.  
  39. <meta name="color:Text" content="#999" />
  40. <meta name="color:Blockquote" content="#cfcfcf" />
  41.  
  42. <meta name="color:Description" content="#999" />
  43. <meta name="color:Description BG" content="#010102" />
  44.  
  45. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/Syhnfpnmz/crazykira18-03.gif" />
  46. <meta name="image:Sidebar Picture" content="http://static.tumblr.com/cbjpgjf/6uvnfpnm5/yassdfgdgdddd.jpg" />
  47.  
  48. <meta name="text:Link One URL" content="/" />
  49. <meta name="text:Link One Title" content="Refresh" />
  50. <meta name="text:Link Two URL" content="/" />
  51. <meta name="text:Link Two Title" content="About" />
  52. <meta name="text:Link Three URL" content="/" />
  53. <meta name="text:Link Three Title" content="Whisper" />
  54. <meta name="text:Link Four URL" content="/" />
  55. <meta name="text:Link Four Title" content="More" />
  56.  
  57. <meta name="text:Extra Icon One URL" content="" />
  58. <meta name="text:Extra Icon One Title" content="" />
  59. <meta name="text:Extra Icon Two URL" content="" />
  60. <meta name="text:Extra Icon Two Title" content="" />
  61. <meta name="text:Extra Icon Three URL" content="" />
  62. <meta name="text:Extra Icon Three Title" content="" />
  63. <meta name="text:Extra Icon Four URL" content="" />
  64. <meta name="text:Extra Icon Four Title" content="" />
  65.  
  66. <meta name="text:Extra Link One URL" content="" />
  67. <meta name="text:Extra Link One Title" content="" />
  68. <meta name="text:Extra Link Two URL" content="" />
  69. <meta name="text:Extra Link Two Title" content="" />
  70. <meta name="text:Extra Link Three URL" content="" />
  71. <meta name="text:Extra Link Three Title" content="" />
  72. <meta name="text:Extra Link Four URL" content="" />
  73. <meta name="text:Extra Link Four Title" content="" />
  74. <meta name="text:Extra Link Five URL" content="" />
  75. <meta name="text:Extra Link Five Title" content="" />
  76. <meta name="text:Extra Link Six URL" content="" />
  77. <meta name="text:Extra Link Six Title" content="" />
  78. <meta name="text:Extra Link Seven URL" content="" />
  79. <meta name="text:Extra Link Seven Title" content="" />
  80. <meta name="text:Extra Link Eight URL" content="" />
  81. <meta name="text:Extra Link Eight Title" content="" />
  82. <meta name="text:Extra Link Nine URL" content="" />
  83. <meta name="text:Extra Link Nine Title" content="" />
  84. <meta name="text:Extra Link Ten URL" content="" />
  85. <meta name="text:Extra Link Ten Title" content="" />
  86.  
  87. <meta name="if:DarkTheme" content="1"/>
  88. <meta name="if:SemiTransparentHeader" content="1"/>
  89. <meta name="if:ExtraLinks" content="1"/>
  90. <meta name="if:AskBox" content="1"/>
  91. <meta name="if:HoverCaption" content="1"/>
  92. <meta name="if:Caption" content="0"/>
  93. <meta name="if:Grayscale" content="1"/>
  94. <meta name="if:500px" content="1"/>
  95. <meta name="if:400px" content="0"/>
  96. <meta name="if:Music" content="1"/>
  97. <meta name="if:InfiniteScroll" content="0"/>
  98. <meta name="if:PostFade" content="1"/>
  99.  
  100. <meta name="text:Music Code" content="" />
  101.  
  102. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}">
  103.  
  104. <!-------------------------------------------------------SCRIPT TOOLTIP----->
  105. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  106. <!-------------------------------------------------------SCRIPT TOOLTIP----->
  107.  
  108. <style type="text/css">
  109.  
  110. /*-----KEEP ME BELOW STYLE TYPE="TEXT/CSS"----------------FONT AWESOME-----*/
  111. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  112. [class*="fontawesome-"]:before {font-family: 'FontAwesome', sans-serif;}
  113. /*--------------------------------------------------------FONT AWESOME-----*/
  114.  
  115. /*-------------------------------------------------LINK TITLE ON HOVER-----*/
  116. #s-m-t-tooltip{
  117. max-width:300px;
  118. margin:15px;
  119. padding:2px 8px;
  120. background: {color:Link Title BG};
  121. color:{color:Link Title Text};
  122. z-index:999999;
  123. font-size: 8px;
  124. text-transform:uppercase;
  125. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  126. /*-------------------------------------------------LINK TITLE ON HOVER-----*/
  127.  
  128. /*-----------------------------------------------------TUMBLR CONTROLS-----*/
  129. #tumblr_controls {position: fixed !important;}
  130. 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;}
  131. 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;}
  132. /*-----------------------------------------------------TUMBLR CONTROLS-----*/
  133.  
  134. /*----------------------------------------------------------SCROLL BAR-----*/
  135. ::-webkit-scrollbar {width: 3px;height:5px; background: transparent;}
  136. ::-webkit-scrollbar-thumb {background: {color:Scroll};}
  137. /*----------------------------------------------------------SCROLL BAR-----*/
  138.  
  139. /*-----GENERAL-------------------------------------------------------------*/
  140. body{
  141. cursor:crosshair;
  142. margin:0px;
  143. font-family: calibri;
  144. text-transform: uppercase;
  145. font-size: 8px;
  146. letter-spacing: 2px;
  147. line-height: 12px;
  148. color: {color:text};
  149. background-color: {color:Background};
  150. background-image: url({image:Background});
  151. word-wrap: break-word;
  152. background-attachment: fixed;}
  153.  
  154. /*--------------------------------------------------------PRIMARY LINK-----*/
  155. a:link, a:active, a:visited {
  156. text-decoration: none;
  157. color: {color:Primary Link};
  158. cursor: help;
  159. -webkit-transition: all 0.8s ease; transition: all 0.8s ease;
  160. -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}
  161.  
  162. a:hover { color: {color:Primary Link Hover};}
  163.  
  164. ::selection {color: {color:Primary Link Hover};}
  165. ::-moz-selection {color: {color:Primary Link Hover};}
  166. ::-webkit-selection {color: {color:Primary Link Hover};}
  167. /*--------------------------------------------------------PRIMARY LINK-----*/
  168.  
  169. /*---------------------------------------------------------POST FORMAT-----*/
  170. #content{
  171. padding: 10px;
  172. margin-top: 40px;
  173. margin-left: 10px;
  174. {block:if500px}
  175. width: 518px;
  176. {/block:if500px}
  177. {block:if400px}
  178. width: 418px;
  179. {/block:if400px}}
  180.    
  181. #entry{
  182. {block:if500px}
  183. width: 500px;
  184. {/block:if500px}
  185. {block:if400px}
  186. width: 400px;
  187. {/block:if400px}
  188. margin: 10px 10px;
  189. position: relative;
  190. {block:ifPostFade}
  191. opacity: .9;
  192. {/block:ifPostFade}
  193. {block:ifnotPostFade}
  194. opacity: 1;
  195. {/block:ifnotPostFade}
  196. -webkit-transition: all 0.8s ease; transition: all 0.8s ease;
  197. -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}
  198.  
  199. #entry:hover {opacity:1;}
  200.  
  201. #entry img{
  202. max-width:100%;
  203. opacity: 1px;}
  204.  
  205. img { margin-bottom:-3px;}
  206.  
  207. {block:ifGrayscale}
  208. .html_photoset {
  209. -webkit-filter: grayscale(100%);
  210. -webkit-transition: all 0.8s ease-in-out;
  211. -moz-transition: all 0.8s ease-in-out;
  212. -o-transition: all 0.8s ease-in-out;
  213. -ms-transition: all 0.8s ease-in-out;
  214. transition: all 0.8s ease-in-out;}
  215.  
  216. .html_photoset:hover {
  217. -webkit-filter: grayscale(0);}
  218.  
  219. #entry img {
  220. -webkit-filter: grayscale(100%);
  221. -webkit-transition: all 0.8s ease-in-out;
  222. -moz-transition: all 0.8s ease-in-out;
  223. -o-transition: all 0.8s ease-in-out;
  224. -ms-transition: all 0.8s ease-in-out;
  225. transition: all 0.8s ease-in-out;}
  226.  
  227. #entry img:hover {
  228. -webkit-filter: grayscale(0);}
  229. {/block:ifGrayscale}
  230.  
  231. .quote, .text, .audc {
  232. padding:15px;
  233. width: auto;
  234. color: {color:Text};
  235. background: {color:Post BG};
  236. text-align: justify;}
  237.  
  238. .photow {background: {color:Post BG};}
  239.  
  240. .audc {margin-top: 10px;}
  241.  
  242. .vidw {background: {color:Post BG};}
  243.  
  244. /*-----CAPTION-------------------------------------------------------------*/
  245. .cap {
  246. height: auto;
  247. width: auto;
  248. padding: 15px;
  249. background: {color:Post BG};}
  250.  
  251. .caption {
  252. {block:IndexPage}
  253. position: absolute;
  254. top: 30px;
  255. left: 30px;
  256. max-height: 50%;
  257. opacity: 0;
  258. max-width: 75%;
  259. background: rgba(255,255,255,0.9);
  260. {/block:IndexPage}
  261. {block:PermalinkPage}
  262. height: auto;
  263. width: auto;
  264. background: {color:Post BG};
  265. {/block:PermalinkPage}
  266. padding: 15px;
  267. overflow: auto;
  268. color: {color:Text};
  269. text-align: justify;
  270. -webkit-transition: all 0.7s ease-in-out;
  271. -moz-transition: all 0.7s ease-in-out;
  272. -o-transition: all 0.7s ease-in-out;
  273. -ms-transition: all 0.7s ease-in-out;
  274. transition: all 0.7s ease-in-out;}
  275.  
  276. {block:IndexPage}
  277. .caption:hover {background: rgba(255,255,255,1);}
  278.  
  279. #entry:hover .caption {
  280. opacity: 1;}
  281. {/block:IndexPage}
  282. /*-----CAPTION-------------------------------------------------------------*/
  283.  
  284. /*---------------------------------------------------------POST FORMAT-----*/
  285.  
  286. /*-----GENERAL-------------------------------------------------------------*/
  287.  
  288. /*-----HEADER--------------------------------------------------------------*/
  289. .ocean, .libero, .speedo {
  290. width: 100%;
  291. height: 50px;
  292. position: fixed;
  293. left: 0px;
  294. z-index: 999;
  295. top: 0px;
  296. -webkit-transition: all 0.8s ease-in-out;
  297. -moz-transition: all 0.8s ease-in-out;
  298. -o-transition: all 0.8s ease-in-out;
  299. -ms-transition: all 0.8s ease-in-out;
  300. transition: all 0.8s ease-in-out;}
  301.  
  302. .speedo {
  303. background-image: url({image:Background});
  304. background-color: {color:Background};
  305. {block:ifSemiTransparentHeader}
  306. opacity: .9;
  307. {/block:ifSemiTransparentHeader}}
  308.  
  309. .water {
  310. {block:if500px}
  311. width: 500px;
  312. {/block:if500px}
  313. {block:if400px}
  314. width: 400px;
  315. {/block:if400px}
  316. height: 50px;
  317. position: relative;
  318. margin-left: 30px;
  319. margin-top: 0px;
  320. z-index: 9999;
  321. -webkit-transition: all 0.8s ease-in-out;
  322. -moz-transition: all 0.8s ease-in-out;
  323. -o-transition: all 0.8s ease-in-out;
  324. -ms-transition: all 0.8s ease-in-out;
  325. transition: all 0.8s ease-in-out;}
  326.  
  327. .pool {
  328. {block:if500px}
  329. width: 660px;
  330. {/block:if500px}
  331. {block:if400px}
  332. width: 560px;
  333. {/block:if400px}
  334. height: 30px;
  335. position: absolute;
  336. left: 0px;
  337. bottom: 0px;
  338. overflow: hidden;}
  339.  
  340. .mackerel {
  341. z-index: 10;
  342. position: absolute;
  343. letter-spacing: 3px;
  344. right: 0px;
  345. bottom: 4px;
  346. max-width: 200px;
  347. font-size: 10px;
  348. font-style: oblique;
  349. color: {color:Gradient Five};
  350. -webkit-transition: all 0.6s ease-in-out;
  351. -moz-transition: all 0.6s ease-in-out;
  352. -o-transition: all 0.6s ease-in-out;
  353. -ms-transition: all 0.6s ease-in-out;
  354. transition: all 0.6s ease-in-out;}
  355.  
  356. .mackerel:hover {letter-spacing: 5px;}
  357.  
  358. .free {
  359. width: 1000px;
  360. position: absolute;
  361. bottom: -3px;
  362. left: 0px;}
  363.  
  364. /*------------------------------------------------------GRADIENT LINKS-----*/
  365. .freestyle, .butterfly, .breaststroke, .backstroke{
  366. display:inline-block;
  367. width:25px;
  368. height:10px;
  369. padding:2px 5px;
  370. margin-left: 0px;
  371. text-transform:uppercase;
  372. overflow:hidden;
  373. -webkit-transition: all 0.6s ease-in-out;
  374. -moz-transition: all 0.6s ease-in-out;
  375. -o-transition: all 0.6s ease-in-out;
  376. -ms-transition: all 0.6s ease-in-out;
  377. transition: all 0.6s ease-in-out;}
  378.  
  379. .freestyle:hover, .butterfly:hover, .breaststroke:hover, .backstroke:hover{width:90px;}
  380.  
  381. .freestyle {border-bottom: 4px solid {color:Gradient One};}
  382.  
  383. .butterfly {border-bottom: 4px solid {color:Gradient Two};}
  384.  
  385. .breaststroke {border-bottom: 4px solid {color:Gradient Three};}
  386.  
  387. .backstroke {border-bottom: 4px solid {color:Gradient Four};}
  388.  
  389. .swim {
  390. display:inline-block;
  391. background: {color:Gradient Five};
  392. width: 500px;
  393. height: 4px;}
  394.  
  395. .dive, .dive_2, .dive_3, .dive_4 {
  396. text-align: center;
  397. font-style: oblique;
  398. max-width: 90px;
  399. font-size: 10px;
  400. color: {color:Gradient One};
  401. opacity: 0;
  402. -webkit-transition: all .6s ease;
  403. -moz-transition:all .6s ease;
  404. -o-transition:  all .6s ease;
  405. -ms-transition: all .6s ease;
  406. transition: all .6s ease;
  407. -webkit-transition-delay: 0s;
  408. transition-delay: 0s;
  409. }
  410.  
  411. .dive_2 {color: {color:Gradient Two};}
  412. .dive_3 {color: {color:Gradient Three};}
  413. .dive_4 {color: {color:Gradient Four};}
  414.  
  415. .dive:hover, .dive_2:hover, .dive_3:hover, .dive_4:hover {
  416. letter-spacing: 3px;
  417. }
  418.  
  419. .freestyle:hover .dive, .butterfly:hover .dive_2, .breaststroke:hover .dive_3, .backstroke:hover .dive_4  {
  420. -webkit-transition-delay: .5s;
  421. transition-delay: .5s;
  422. opacity: 1;}
  423. /*------------------------------------------------------GRADIENT LINKS-----*/
  424.  
  425. /*-----SIDEBAR-------------------------------------------------------------*/
  426. .sidebar {
  427. position: fixed;
  428. width: 150px;
  429. height: 500px;
  430. top: 60px;
  431. {block:if500px}
  432. left: 540px;
  433. {/block:if500px}
  434. {block:if400px}
  435. left: 440px;
  436. {/block:if400px}}
  437.  
  438. .trnsb {
  439. position: absolute;
  440. width: 150px;
  441. height: 150px;
  442. margin: 0px;
  443. overflow: hidden;
  444. background: {color:Description BG};}
  445.  
  446. .trnsb:hover .picture {
  447. margin-top: 150px;
  448. -webkit-transition-delay: 0s;
  449. transition-delay: 0s;}
  450.  
  451. .picture {
  452. z-index: 2;
  453. position: absolute;
  454. width: 150px;
  455. height: 150px;
  456. margin: 0px;
  457. -webkit-transition: .8s;
  458. transition: .8s;
  459. -webkit-transition-delay: .8s;
  460. transition-delay: .8s;}
  461.  
  462. .picture img {
  463. width: auto;
  464. height: 150px;}
  465.  
  466. .search {
  467. position: absolute;
  468. margin-top: 160px;}
  469.  
  470. .description {
  471. position: absolute;
  472. padding: 10px;
  473. width: 130px;
  474. height: 130px;
  475. margin: 0px;
  476. color: {color:Description};
  477. font-size: 8px;
  478. text-align: left;
  479. line-height: 13px;
  480. overflow: auto;
  481. opacity: 0;
  482. -webkit-transition: .8s;
  483. transition: .8s;
  484. -webkit-transition-delay: 0s;
  485. transition-delay: 0s;}
  486.  
  487. .trnsb:hover .description {
  488. opacity: 1;
  489. -webkit-transition-delay: .5s;
  490. transition-delay: .5s;}
  491. /*-----SIDEBAR-------------------------------------------------------------*/
  492.  
  493. /*-----TEXT----------------------------------------------------------------*/
  494.  
  495. i, em {color:{color:Italic};}
  496.  
  497. b, strong {
  498. color:{color:Bold};
  499. letter-spacing: 3px; }
  500.  
  501. ul,ol {
  502. margin: 5px;
  503. padding: 0 10px;  }
  504.  
  505. p {
  506. display: block;
  507. -webkit-margin-before: 1em;
  508. -webkit-margin-after: 1em;
  509. -webkit-margin-start: 0px;
  510. -webkit-margin-end: 0px;}
  511.  
  512. u {
  513. text-decoration:none;
  514. color: {color:Underline};
  515. letter-spacing: 1px;
  516. border-bottom:1px solid {color:Underline};}
  517.  
  518. blockquote {
  519. border-left: 2px solid {color:Blockquote};
  520. padding: 0 10px;
  521. margin: 5px; }
  522.  
  523. .source {text-align:right;}
  524. /*---------------------------------------------------------------TITLE-----*/
  525. .titleb {
  526. width: auto;
  527. border-bottom: 4px solid {color:Gradient Five};}
  528.  
  529. .title {
  530. text-align: right;
  531. line-height: 13px;
  532. font-size: 10px;
  533. font-style: oblique;
  534. letter-spacing: 2px;
  535. text-transform: uppercase;
  536. color:{color:Gradient Five};
  537. -webkit-transition: all 0.6s ease-in-out;
  538. -moz-transition: all 0.6s ease-in-out;
  539. -o-transition: all 0.6s ease-in-out;
  540. -ms-transition: all 0.6s ease-in-out;
  541. transition: all 0.6s ease-in-out;}
  542.  
  543. #entry:hover .title {
  544. letter-spacing: 3px;}
  545. /*---------------------------------------------------------------TITLE-----*/
  546. /*-----TEXT----------------------------------------------------------------*/
  547.  
  548. /*-----PAGINATION----------------------------------------------------------*/
  549. #paginwrapper {
  550. opacity: 1;
  551. position: absolute;
  552. margin-top: 193px;
  553. margin-left: 0px;
  554. z-index: 999;
  555. -webkit-transition: opacity 0.6s linear;
  556. -webkit-transition: all 0.6s ease-in-out;
  557. -moz-transition: all 0.6s ease-in-out;
  558. -o-transition: all 0.6s ease-in-out;}
  559.  
  560. .jump_page, .jump_page1 {
  561. padding: 5px;
  562. padding-left: 10px;
  563. padding-right: 10px;
  564. background-color: {color:Pagination BG} ;
  565. color: {color:Pagination Text};
  566. font-size:9px;
  567. text-decoration:none;
  568. font-family: calibri;
  569. font-style: normal;
  570. margin-left: 4px;}
  571.  
  572. .jump_page1 {
  573. padding-left: 13px;
  574. padding-right: 13px;
  575. margin-left: 0px;}
  576.  
  577. .jump_page:hover, .jump_page1:hover {
  578. color: {color:Pagination Text Hover};
  579. background-color: {color:Pagination BG Hover};}
  580. /*-----PAGINATION----------------------------------------------------------*/
  581.  
  582. /*-----PERMALINKS----------------------------------------------------------*/
  583. #perma {
  584. height: 20px;
  585. -webkit-transition: all 0.6s ease-in-out;
  586. -moz-transition: all 0.6s ease-in-out;
  587. -o-transition: all 0.6s ease-in-out;
  588. -ms-transition: all 0.6s ease-in-out;
  589. transition: all 0.6s ease-in-out; }
  590.  
  591. #perma {width: auto;}
  592.  
  593. .pb {
  594. position: absolute;
  595. margin-top: 0px;
  596. {block:if500px}
  597. margin-left: 0px;
  598. {/block:if500px}
  599. {block:if400px}
  600. margin-left: 0px;
  601. {/block:if400px}
  602. height: 25px;
  603. width: 100%;
  604. opacity: 1;
  605. overflow: hidden;
  606. -webkit-transition: all 0.7s ease-in-out;
  607. -moz-transition: all 0.7s ease-in-out;
  608. -o-transition: all 0.7s ease-in-out;
  609. -ms-transition: all 0.7s ease-in-out;
  610. transition: all 0.7s ease-in-out;
  611. -webkit-transition-delay: 0s;
  612. transition-delay: 0s; }
  613.  
  614. .pbar {
  615. width: 530px;
  616. overflow: hidden;
  617. position: absolute;
  618. top: 0px;
  619. left: 0px;}
  620.  
  621. .p_1, .p_2, .p_3, .p_4, .p_5, .pp_1, .pp_2, .pp_3, .pp_4, .pp_5 {
  622. display:inline-block;
  623. width:25px;
  624. height:20px;
  625. padding:2px 5px;
  626. margin-left: 0px;
  627. text-transform:uppercase;
  628. overflow:hidden;
  629. -webkit-transition: all 0.6s ease-in-out;
  630. -moz-transition: all 0.6s ease-in-out;
  631. -o-transition: all 0.6s ease-in-out;
  632. -ms-transition: all 0.6s ease-in-out;
  633. transition: all 0.6s ease-in-out;}
  634.  
  635. .pp_1, .pp_2, .pp_3, .pp_4, .pp_5 {
  636. {block:if400px}
  637. width: 71px;
  638. {/block:if400px}
  639. {block:if500px}
  640. width: 91px;
  641. {/block:if500px}
  642. margin-left: -4px;}
  643.  
  644. .p_1:hover, .p_2:hover, .p_3:hover, .p_4:hover {width:90px;}
  645.  
  646. .p_1 {border-top: 4px solid {color:Gradient One};}
  647. .pp_1 {border-top: 2px solid {color:Gradient One};}
  648.  
  649. .p_2 {border-top: 4px solid {color:Gradient Two};}
  650. .pp_2 {border-top: 2px solid {color:Gradient Two};}
  651.  
  652. .p_3 {border-top: 4px solid {color:Gradient Three};}
  653. .pp_3 {border-top: 2px solid {color:Gradient Three};}
  654.  
  655. .p_4 {border-top: 4px solid {color:Gradient Four};}
  656. .pp_4 {border-top: 2px solid {color:Gradient Four};}
  657.  
  658. .pp_5 {border-top: 2px solid {color:Gradient Five};}
  659.  
  660. .per_1, .per_2, .per_3, .per_4, .per_5, .pper_1, .pper_2, .pper_3, .pper_4, .pper_5 {
  661. text-align: center;
  662. font-style: normal;
  663. max-width: 90px;
  664. font-size: 14px;
  665. margin-top: 5px;
  666. color: {color:Gradient One};
  667. opacity: 0;
  668. -webkit-transition: all .6s ease;
  669. -moz-transition:all .6s ease;
  670. -o-transition:  all .6s ease;
  671. -ms-transition: all .6s ease;
  672. transition: all .6s ease;
  673. -webkit-transition-delay: 0s;
  674. transition-delay: 0s;}
  675.  
  676. .pper_1, .pper_2, .pper_3, .pper_4, .pper_5 { opacity: 1;}
  677.  
  678. .per_2, .pper_2 {color: {color:Gradient Two};}
  679. .per_3, .pper_3 {color: {color:Gradient Three};}
  680. .per_4, .pper_4 {color: {color:Gradient Four};}
  681. .per_5, .pper_5 {color: {color:Gradient Five};}
  682.  
  683. .p_1:hover .per_1, .p_2:hover .per_2, .p_3:hover .per_3, .p_4:hover .per_4  {
  684. -webkit-transition-delay: .5s;
  685. transition-delay: .5s;
  686. opacity: 1;}
  687.  
  688.  
  689. {block:PermalinkPage}
  690. #permalink {
  691. text-align:center;
  692. padding:10px;
  693. background-color: {color:Post BG};
  694. letter-spacing: 2px;
  695. color: {color:Text};}
  696.  
  697. .taggy {
  698. padding: 10px;
  699. background: {color:Post BG};
  700. text-align: center;
  701. margin-top: 15px;}
  702. {/block:PermalinkPage}
  703. /*-----PERMALINKS----------------------------------------------------------*/
  704.  
  705. /*-----AUDIO---------------------------------------------------------------*/
  706. .newplayerbutton {
  707. position: absolute;
  708. width: 23px;
  709. height: 23px;
  710. margin-left: 29px;
  711. margin-top: 29px;
  712. overflow: hidden;}
  713.            
  714. .playerbuttonhug {
  715. position: absolute;
  716. top: -13px;
  717. left: -1px;}
  718.  
  719. .tumblr_audio_player {
  720. border: none;
  721. padding: 0px;
  722. margin-top: 0px;
  723. margin-left: 0px;
  724. height: 50px;
  725. width: auto;}
  726.  
  727. .playerbuttonbg {
  728. position: absolute;
  729. width: 80px;
  730. height: 80px;
  731. margin-top: 0px;
  732. margin-left: 0px;
  733. background-color: rgba(255,255,255,0.8);
  734. opacity: .4;
  735. transition: opacity .8s ease-in-out;
  736. -moz-transition: opacity .8s ease-in-out;
  737. -webkit-transition: opacity .8s ease-in-out;}
  738.            
  739. .playerbuttonbg:hover {opacity: .9;}
  740.  
  741. .audioimgwrapper {
  742. position: absolute;
  743. overflow: hidden;
  744. width: 80px;
  745. height: 80px;}
  746.  
  747. .audimg {
  748. position: absolute;
  749. width:100%;
  750. height: 100%;}
  751.  
  752. .audimg img {
  753. width: 100%;
  754. height: auto;}
  755.            
  756. .trackdetails {
  757. position: absolute;
  758. margin-left: 80px;
  759. margin-top: 0px;
  760. background: {color:Post BG};
  761. {block:if500px}
  762. width: 420px;
  763. {/block:if500px}
  764. {block:if400px}
  765. width: 320px;
  766. {/block:if400px}
  767. height: 80px;}
  768.  
  769. .tra {
  770. margin-left: 5px;
  771. margin-top: 5px;
  772. line-height: 15px;
  773. overflow: auto;
  774. {block:if500px}
  775. width: 410px;
  776. {/block:if500px}
  777. {block:if400px}
  778. width: 310px;
  779. {/block:if400px}
  780. height: 70px;}
  781.            
  782. .audiowrapper {
  783. width: auto;
  784. height: 80px;}
  785. /*-----AUDIO---------------------------------------------------------------*/
  786.  
  787. /*-----ANSWER--------------------------------------------------------------*/
  788. .askbox {
  789. width: auto;
  790. height: auto;}
  791.  
  792. .qbox, .rbox {
  793. background-color: {color:Post BG};
  794. width: auto;
  795. padding: 10px;
  796. position: relative;
  797. padding: 25px;}
  798.  
  799. .qbox {border-bottom: 4px solid {color:Gradient Two};}
  800.  
  801. .rbox {border-top: 4px solid {color:Gradient Two};}
  802.  
  803. .anon {
  804. position: relative;
  805. width: 100%;
  806. height: 30px;}
  807.  
  808. .answerme, .answeryou {
  809. padding: 5px;
  810. font-size: 10px;
  811. font-style: oblique;
  812. z-index: 99;
  813. position: absolute;
  814. color: {color:Gradient Two};
  815. width: auto;}
  816.  
  817. .answerme {
  818. top: -3px;
  819. left: 0px;}
  820.  
  821. .answeryou {
  822. top: 10px;
  823. right: 0px;}
  824. /*-----ANSWER--------------------------------------------------------------*/
  825.  
  826. /*-----MUSIC---------------------------------------------------------------*/
  827. .melody {
  828. {block:ifDarkTheme}
  829. background-color: rgba(0,0,0,0.2);
  830. {block:ifDarkTheme}
  831. {block:ifnotDarkTheme}
  832. background-color: rgba(255,255,255,0.7);
  833. {block:ifnotDarkTheme}
  834. overflow: hidden;
  835. position: absolute;
  836. height: 35px;
  837. width: 35px;
  838. top: 0px;
  839. border-left: 4px solid {color:Gradient Five};
  840. margin-left: 160px;}
  841.  
  842. .reverberate {
  843. position:absolute;
  844. height: 10px;
  845. width: 10px;
  846. margin-top: 0px;
  847. margin-left: 0px;
  848. padding: 10px;
  849. -webkit-transition: opacity .7s linear;
  850. -webkit-transition: all .7s ease-in-out;
  851. -moz-transition: all .7s ease-in-out;
  852. -o-transition: all .7s ease-in-out;}
  853.  
  854. .melody:hover .reverberate {
  855. margin-top: -50px;}
  856.  
  857. .harmony {
  858. overflow: hidden;
  859. position:absolute;
  860. height: 20px;
  861. width: 20px;
  862. margin-top: 50px;
  863. margin-left: 7px;
  864. -webkit-transition: opacity .7s linear;
  865. -webkit-transition: all .7s ease-in-out;
  866. -moz-transition: all .7s ease-in-out;
  867. -o-transition: all .7s ease-in-out;}
  868.  
  869. .melody:hover .harmony {
  870. margin-top: 5px;}
  871.  
  872. .rhythm {
  873. position:absolute;
  874. height: 25px;
  875. width: 30px;
  876. margin-top: 4px;
  877. margin-left: -20px;}
  878. /*-----MUSIC---------------------------------------------------------------*/
  879.  
  880. /*-----POP-UP BOXES--------------------------------------------------------*/
  881. /*---------------------------------------------------------EXTRA LINKS-----*/
  882. .bcontent {
  883. width: 300px;
  884. height: 306px;
  885. padding: 20px;
  886. {block:ifDarkTheme}
  887. background-color: rgba(0,0,0,0.7);
  888. {/block:ifDarkTheme}
  889. {block:ifnotDarkTheme}
  890. background-color: rgba(255,255,255,0.7);
  891. {/block:ifnotDarkTheme}}
  892.  
  893. .bheader {
  894. position: absolute;
  895. margin: 0px;
  896. width: 300px;
  897. height: 20px;}
  898.  
  899. .bicons {
  900. position: absolute;
  901. left: 0px;
  902. word-spacing: 10px;
  903. font-size: 15px;
  904. padding: 3px;}
  905.  
  906. .bline {
  907. position: absolute;
  908. width: 112px;
  909. height: 1px;
  910. background: {color:Gradient Five};
  911. left: 130px;
  912. top: 9px;}
  913.  
  914. .btitle {
  915. position: absolute;
  916. right: 0px;
  917. color: {color:Gradient Five};
  918. font-size: 10px;
  919. padding: 3px;
  920. letter-spacing: 3px;
  921. font-style: oblique;}
  922.  
  923. .blinks {
  924. position: absolute;
  925. top: 65px;
  926. overflow: auto;
  927. width: 300px;
  928. height: 301px;
  929. overflow-x: hidden;}
  930.  
  931. .blink {
  932. position: relative;
  933. border-left: 4px solid {color:Gradient Five};
  934. border-right: 4px solid {color:Gradient Five};
  935. margin-top: 10px;
  936. width: 286px;
  937. overflow: hidden;
  938. padding: 10px;
  939. background: transparent;
  940. text-align: center;
  941. color: {color:Gradient Five};
  942. font-size: 9px;
  943. padding: 3px;
  944. letter-spacing: 3px;
  945. font-style: oblique;
  946. -webkit-transition: 0.8s ease;transition: 0.8s ease;
  947. -o-transition: 0.8s ease;-moz-transition: 0.8s ease;}
  948.  
  949. .blink:hover {
  950. color: {color:Extra Link Hover};
  951. background: {color:Gradient Five};}
  952. /*---------------------------------------------------------EXTRA LINKS-----*/
  953.  
  954. /*-------------------------------------------------------------ASK BOX-----*/
  955. .baskcontent {
  956. width: 500px;
  957. padding: 20px;
  958. {block:ifDarkTheme}
  959. background: rgba(0,0,0,.7);
  960. {/block:ifDarkTheme}
  961. {block:ifnotDarkTheme}
  962. background: rgba(255,255,255,.7);
  963. {/block:ifnotDarkTheme}}
  964. /*-------------------------------------------------------------ASK BOX-----*/
  965. /*-----POP-UP BOXES--------------------------------------------------------*/
  966.  
  967. /*-----MISC----------------------------------------------------------------*/
  968.  
  969. /*--------------------------------------------------ONLY ONE POST SIZE-----*/
  970. #psa {
  971. z-index: -10000;
  972. position: fixed;
  973. top: 0;left: 0;
  974. width: 100%;
  975. height: 100%;
  976. background-color: rgba(0,0,0,0.7);
  977. text-align: center;
  978. text-transform: uppercase;
  979. padding-top: 350px;
  980. color: #999;
  981. font-size: 10px;
  982. letter-spacing: 5px;
  983. opacity: 0;
  984. {block:if400px}
  985. {block:if500px}opacity: 1;z-index:10000;{/block:if500px}
  986. {/block:if400px}
  987. {block:ifnot400px}{block:ifnot500px}opacity: 1;z-index:10000;{/block:ifnot500px}{/block:ifnot400px}}
  988. /*--------------------------------------------------ONLY ONE POST SIZE-----*/
  989.  
  990. /*--------------------------------------------------------------POP UP-----*/
  991. .popup_block{
  992. display:none;
  993. padding:20px;
  994. float:left;
  995. position:fixed;
  996. top:50%;left:50%;
  997. z-index: 99999;}
  998.  
  999. *html #fade {position: absolute;}
  1000. *html .popup_block {position: absolute;}
  1001. #fade {
  1002. display:none;
  1003. position:fixed;
  1004. left:0px;
  1005. top:0px;
  1006. width:100%;
  1007. height:100%;
  1008. z-index:9999;
  1009. {block:ifDarkTheme}
  1010. background:#000;
  1011. {/block:ifDarkTheme}
  1012. {block:ifnotDarkTheme}
  1013. background:#fff;
  1014. {/block:ifnotDarkTheme}
  1015. opacity:0.5;}
  1016. /*--------------------------------------------------------------POP UP-----*/
  1017.  
  1018. /*----------------------------------------------------------SEARCH BAR-----*/
  1019. .sfm input {
  1020. background-color: {color:Search Bar BG};
  1021. font-size: 8px;
  1022. border: 0px;
  1023. text-transform: uppercase;
  1024. margin-top: 0px;
  1025. color: {color:Search Bar Text};
  1026. letter-spacing: 1px;
  1027. padding: 4px 8px;
  1028. font-family: calibri;}
  1029.    
  1030. #sb {height: 10px; vertical-align: top;}
  1031.    
  1032. #sf {width: 104px;}
  1033. /*----------------------------------------------------------SEARCH BAR-----*/
  1034.  
  1035. /*-----BRUH---------------------------------------DO NOT REMOVE CREDIT-----*/
  1036. .c img {
  1037. padding-left: 2.5px;
  1038. padding-top: 2px;
  1039. border-radius: 250px;
  1040. opacity: 0;
  1041. width:25px;
  1042. height: 25px;
  1043. -webkit-transition: 0.8s ease;transition: 0.8s ease;
  1044. -o-transition: 0.8s ease;-moz-transition: 0.8s ease;}
  1045.  
  1046. .c {
  1047. z-index: 99999;
  1048. overflow: hidden;
  1049. position:fixed;
  1050. right:10px;
  1051. bottom:10px;
  1052. {block:ifDarkTheme}
  1053. background-color: rgba(255,255,255,0.2);
  1054. {/block:ifDarkTheme}
  1055. {block:ifnotDarkTheme}
  1056. background-color: rgba(0,0,0,0.2);
  1057. {/block:ifnotDarkTheme}
  1058. width: 30px;
  1059. height: 30px;
  1060. border-radius: 250px;}
  1061.  
  1062. .c img:hover {opacity: 1;}
  1063. /*-----BRUH---------------------------------------DO NOT REMOVE CREDIT-----*/
  1064. /*-----MISC----------------------------------------------------------------*/
  1065. /*-----CHAT----------------------------------------------------------------*/
  1066. .l .odd {
  1067. display:block;
  1068. color: {color:Chat Odd Text};
  1069. padding:5px;}
  1070.  
  1071. .l .even {
  1072. display:block;
  1073. color: {color:Chat Even Text};
  1074. padding:5px;}
  1075. /*-----CHAT----------------------------------------------------------------*/
  1076.  
  1077. /*-----POSTNOTES-----------------------------------------------------------*/
  1078. ol.notes a, ol.notes {
  1079. list-style:none;
  1080. line-height: 16px;}
  1081.  
  1082. ol.notes {
  1083. background-color: {color:Post BG};
  1084. padding: 10px;}
  1085.  
  1086. ol.notes li.note img.avatar {
  1087. vertical-align: -2px;
  1088. margin-right:10px;
  1089. background-color: #000;
  1090. border-radius: 2px;
  1091. width:15px;}
  1092.  
  1093. ol.notes li.note {margin:10px 0px 10px 0px;}
  1094. ol.notes li.note span.action {font-style: normal;}
  1095. ol.notes li.note .answer_content {font-weight: normal;}
  1096. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  1097. /*-----POSTNOTES-----------------------------------------------------------*/
  1098.  
  1099. </style>
  1100.  
  1101. <script type="text/javascript"
  1102. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>$(document).ready(function() {$('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel');var popURL = $(this).attr('href');var query= popURL.split('?');var dim= query[1].split('&');var popWidth = dim[0].split('=')[1];$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft});$('body').append('<div id="fade"></div>');$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();return false;});$('a.close, #fade').live('click', function() {$('#fade , .popup_block').fadeOut(function() {$('#fade, a.close').remove();});return false;});});</script>
  1103.  
  1104. {block:ifInfiniteScroll}
  1105. <script type="text/javascript"
  1106. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  1107. {/block:ifInfiniteScroll}
  1108.  
  1109. </head>
  1110. <body>
  1111.  
  1112. <div id="psa">please select only one post size</div>
  1113.  
  1114. <div class="c"><a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a></div><!--c-->
  1115.  
  1116. <div class="sidebar">
  1117.  
  1118. {block:ifMusic}
  1119. <div class="melody">
  1120. <div class="reverberate">
  1121. <img src="http://media.tumblr.com/tumblr_m7vyi1y0lt1r6o8v2.gif"/>
  1122. </div><!--reverberate-->
  1123. <div class="harmony">
  1124. <div class="rhythm">
  1125. {text:Music Code}
  1126. </div><!--rhythm-->    
  1127. </div><!--harmony-->
  1128. </div><!--melody-->
  1129. {/block:ifMusic}
  1130.  
  1131. <div class="trnsb">
  1132. <div class="picture"><img src="{image:Sidebar Picture}"></div>
  1133. <div class="description">{Description}</div>
  1134. </div><!--trnsb-->
  1135.  
  1136. <div class="search">
  1137. <form action="/search" method="get" class="sfm">
  1138. <input type="text" name="q" value="{SearchQuery}" id="sf"/> <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/></form>
  1139. </div><!--search-->
  1140.  
  1141. {block:ifnotinfinitescroll}
  1142. {block:Pagination}
  1143. <div id="paginwrapper">
  1144. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page1">rewind</a>{/block:PreviousPage}
  1145. {block:NextPage}<a href="{NextPage}" class="jump_page">forward</a>{/block:NextPage}
  1146. </div>
  1147. {/block:Pagination}
  1148. {/block:ifnotinfinitescroll}
  1149.    
  1150. </div><!--sidebar-->
  1151.  
  1152. <div class="ocean">
  1153.  
  1154. <div class="speedo"></div>
  1155.  
  1156. <div class="water">
  1157.  
  1158. <div class="pool">
  1159.  
  1160. <a href="/"><div class="mackerel">{Title}</div></a>
  1161.  
  1162. <div class="free">
  1163.  
  1164. <a href="{text:Link One URL}">
  1165. <div class="freestyle">
  1166. <div class="dive">{text:Link One Title}</div>    
  1167. </div><!--freestyle-->
  1168. </a>
  1169.  
  1170. <a href="{text:Link Two URL}">
  1171. <div class="butterfly">
  1172. <div class="dive_2">{text:Link Two Title}</div>    
  1173. </div><!--butterfly-->
  1174. </a>
  1175.  
  1176. {block:ifAskBox}
  1177. <a href="#?w=500" rel="box1" class="poplight">
  1178. {block:ifAskBox}
  1179. {block:ifnotAskBox}
  1180. <a href="{text:Link Three URL}">
  1181. {block:ifnotAskBox}
  1182. <div class="breaststroke">
  1183. <div class="dive_3">{text:Link Three Title}</div>    
  1184. </div><!--breaststroke-->
  1185. </a>
  1186.  
  1187. {block:ifExtraLinks}
  1188. <a href="#?w=300" rel="box2" class="poplight">
  1189. {block:ifExtraLinks}
  1190. {block:ifnotExtraLinks}
  1191. <a href="{text:Link Four URL}">
  1192. {block:ifnotExtraLinks}
  1193. <div class="backstroke">
  1194. <div class="dive_4">{text:Link Four Title}</div>
  1195. </div><!--backstroke-->
  1196. </a>
  1197.  
  1198. <div class="swim"></div>
  1199.  
  1200. </div><!--free-->
  1201. </div><!--pool-->
  1202. </div><!--water-->  
  1203. </div><!--ocean-->
  1204.  
  1205. <div id="content">
  1206. {block:Posts}
  1207. <div id="entry">
  1208.  
  1209. {block:Text}
  1210. {block:Title}
  1211. <div class="titleb">
  1212. <div class="title">
  1213. {Title}
  1214. </div><!--title-->
  1215. </div><!--titleb-->    
  1216. {/block:Title}
  1217. <div class="text">{Body}</div>
  1218. {/block:Text}
  1219.  
  1220. {block:Link}
  1221. <a href="{URL}">
  1222. <div class="titleb">
  1223. <div class="title">
  1224. {Name}
  1225. </div><!--title-->
  1226. </div></a><!--titleb-->    
  1227. {block:Description}
  1228. <div class="text">{Description}</div>
  1229. {/block:Description}
  1230. {/block:Link}
  1231.  
  1232. {block:Photo}
  1233. {block:IndexPage}
  1234. <a href="{Permalink}">
  1235. <div class="photow">
  1236. <center>
  1237. {block:if500px}<img src="{PhotoURL-500}"></a>{/block:if500px}
  1238. {block:if400px}<img src="{PhotoURL-400}"></a>{/block:if400px}
  1239. </center>
  1240. </div></a><!--photow-->
  1241. {/block:IndexPage}
  1242. {block:PermalinkPage}
  1243. <div class="photow">
  1244. <center>
  1245. {block:if500px}<img src="{PhotoURL-500}"></a>{/block:if500px}
  1246. {block:if400px}<img src="{PhotoURL-400}"></a>{/block:if400px}
  1247. </center>
  1248. </div><!--photow-->
  1249. {/block:PermalinkPage}
  1250. {block:ifCaption}{block:Caption}
  1251. {block:ifHoverCaption}
  1252. <div class="caption">
  1253. {Caption}    
  1254. </div>
  1255. {/block:ifHoverCaption}
  1256. {block:ifnotHoverCaption}
  1257. <div class="cap">
  1258. {Caption}    
  1259. </div>
  1260. {/block:ifnotHoverCaption}
  1261. {/block:Caption}{/block:ifCaption}
  1262. {/block:Photo}
  1263.  
  1264. {block:Photoset}
  1265. {block:IndexPage}
  1266. <div class="photow">
  1267. <center>
  1268. {Photoset}
  1269. </center>
  1270. </div><!--photow-->
  1271. {/block:IndexPage}
  1272. {block:PermalinkPage}
  1273. <div class="photow">
  1274. <center>
  1275. {Photoset}
  1276. </center>
  1277. </div><!--photow-->
  1278. {/block:PermalinkPage}
  1279. {block:ifCaption}{block:Caption}
  1280. {block:ifHoverCaption}
  1281. <div class="caption">
  1282. {Caption}    
  1283. </div>
  1284. {/block:ifHoverCaption}
  1285. {block:ifnotHoverCaption}
  1286. <div class="cap">
  1287. {Caption}    
  1288. </div>
  1289. {/block:ifnotHoverCaption}
  1290. {/block:Caption}{/block:ifCaption}
  1291. {/block:Photoset}
  1292.  
  1293. {block:Quote}
  1294. <div class="quote"><span class="fontawesome-quote-left"></span> {Quote}
  1295. <div class="source">— {Source}</div>
  1296. </div><!--quote-->
  1297. {/block:Quote}
  1298.  
  1299. {block:Chat}
  1300. {block:Title}
  1301. <div class="titleb">
  1302. <div class="title">
  1303. {Title}
  1304. </div>
  1305. </div><!--titleb-->
  1306. {/block:Title}
  1307. <div class="text">
  1308. {block:Lines}
  1309. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1310. {block:Label}
  1311. <b>{Label}</b>
  1312. {/block:Label}
  1313. {Line}
  1314. </div></div>
  1315. {/block:Lines}    
  1316. </div><!--text-->
  1317. {/block:Chat}
  1318.  
  1319. {block:AudioPlayer}
  1320. <div class="audiowrapper">
  1321. {block:AlbumArt}
  1322. <div class="audioimgwrapper">
  1323. <div class="audimg"><img src="{AlbumArtURL}"></div>
  1324. <div class="playerbuttonbg">
  1325. <div class="newplayerbutton">
  1326. <div class="playerbuttonhug"> {AudioPlayerWhite} </div>
  1327. </div>
  1328. </div><!--playerbuttonhug-->
  1329. </div><!--audioimgwrapper-->
  1330. {/block:AlbumArt}
  1331. <div class="trackdetails">
  1332. <div class="tra">
  1333. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br>
  1334. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  1335. {block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  1336. <b>Plays:</b> {PlayCountWithLabel}
  1337. </div><!--tra-->
  1338. </div><!--trackdetails-->
  1339. </div><!--audiowrapper-->
  1340. {block:ifCaption}{block:Caption}
  1341. <div class="cap">
  1342. {Caption}    
  1343. </div>
  1344. {/block:Caption}{/block:ifCaption}
  1345. {/block:AudioPlayer}
  1346.    
  1347. {block:Video}
  1348. {block:IndexPage}
  1349. <div class="vidw">
  1350. <center>
  1351. {block:if500px}
  1352. {Video-500}
  1353. {/block:if500px}
  1354. {block:if400px}
  1355. {Video-400}
  1356. {/block:if400px}
  1357. </center>
  1358. </div><!--vidw-->
  1359. {/block:IndexPage}
  1360. {block:PermalinkPage}
  1361. <div class="vidw">
  1362. <center>
  1363. {block:if500px}
  1364. {Video-500}
  1365. {/block:if500px}
  1366. {block:if400px}
  1367. {Video-400}
  1368. {/block:if400px}
  1369. </center>
  1370. </div><!--vidw-->
  1371. {/block:PermalinkPage}
  1372. {block:ifCaption}{block:Caption}
  1373. <div class="caption">{Caption}</div>
  1374. {/block:Caption}{/block:ifCaption}
  1375. {/block:Video}
  1376.  
  1377. {block:Answer}
  1378. <div class="askbox">
  1379. <div class="qbox">
  1380. {Question}  
  1381. </div><!--qbox-->
  1382. <div class="anon">
  1383. <div class="answerme">{Asker} asked you</div>
  1384. <div class="answeryou">your response was</div>
  1385. </div><!--anon-->
  1386. <div class="rbox">
  1387. {Answer}  
  1388. </div><!--rbox-->
  1389. </div><!--askbox-->
  1390. {/block:Answer}
  1391.  
  1392. {block:IndexPage}
  1393. <div id="perma">
  1394. <div class="pb">
  1395. <div class="pbar">
  1396. <a href="{ReblogURL}" title="reblog" target="_blank">
  1397. <div class="p_1"><div class="per_1"><span class="fontawesome-retweet"></span></div></div></a>
  1398. <a href="{Permalink}" title="{NoteCount}"><div class="p_2"><div class="per_2"><span class="fontawesome-link"></span></div></div></a>
  1399. <a href="{Permalink}" title="{TimeAgo}"><div class="p_3"><div class="per_3"><span class="fontawesome-calendar"></span></div></div></a>
  1400. <a href="{Permalink}" title="tagged: {block:Tags}#{Tag} {/block:Tags}"><div class="p_4"><div class="per_4"><span class="fontawesome-tag"></span></div>
  1401. </div></a>
  1402. </div><!--pbar-->
  1403. </div><!--pb-->
  1404. </div><!--perma-->
  1405. {/block:IndexPage}
  1406.  
  1407. {block:PermalinkPage}
  1408. <div id="perma">
  1409. <div class="pb">
  1410. <div class="pbar">
  1411. <a href="{ReblogURL}" title="reblog" target="_blank"><div class="pp_1">
  1412. <div class="pper_1"><span class="fontawesome-retweet"></span></div></div></a>
  1413. <a href="{Permalink}" title="{NoteCount}"><div class="pp_2"><div class="pper_2"><span class="fontawesome-link"></span></div></div></a>
  1414. <a href="{Permalink}" title="{MonthNumberWithZero} - {DayOfMonthWithZero} - {ShortYear}"><div class="pp_3"><div class="pper_3"><span class="fontawesome-calendar"></div></div></a>
  1415. <a href="{ReblogParentURL}" title="via"><div class="pp_4"><div class="pper_4"><span class="fontawesome-user"></span></div></div></a>
  1416. <a href="{ReblogRootURL}" title="origin"><div class="pp_5"><div class="pper_5"><span class="fontawesome-map-marker"></span></div></div></a>
  1417. </div><!--pbar-->
  1418. </div><!--pb-->
  1419. </div><!--perma-->
  1420.  
  1421. {block:HasTags}<div class="taggy">tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1422. {/block:PermalinkPage}
  1423.  
  1424. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1425. </div><!--entry-->
  1426. {/block:Posts}
  1427. </div><!--content-->
  1428.  
  1429. <div id="box1" class="popup_block">
  1430. <div class="baskcontent">
  1431. <center><div style="margin-top: 0px;">
  1432. <p><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/YOUR-BLOG-URL.tumblr.com" width="500px"></iframe></p></center>
  1433. </div>
  1434. </div>
  1435.  
  1436. </div></div></div></div></div></div></div></div></div></div>
  1437.  
  1438. <div id="box2" class="popup_block">
  1439. <center>
  1440. <div class="bcontent">
  1441. <div class="bheader">
  1442. <div class="bicons">
  1443. <a href="{text:Extra Icon One URL}" title="{text:Extra Icon One Title}"><span style="color:{color:Gradient One}"><span class="fontawesome-home"></span></span></a>
  1444. <a href="{text:Extra Icon Two URL}" title="{text:Extra Icon Two Title}"><span style="color:{color:Gradient Two}"><span class="fontawesome-heart"></span></span></a>
  1445. <a href="{text:Extra Icon Three URL}" title="{text:Extra Icon Three Title}"><span style="color:{color:Gradient Three}"><span class="fontawesome-tag"></span></span></a>
  1446. <a href="{text:Extra Icon Four URL}" title="{text:Extra Icon Four Title}"><span style="color:{color:Gradient Four}"><span class="fontawesome-envelope"></span></span></a>
  1447. </div><!--bicons-->  
  1448. <div class="bline"></div>
  1449. <div class="btitle">more</div>
  1450. </div><!--bheader-->  
  1451. <div class="blinks">
  1452. <a href="{text:Extra Link One URL}"><div class="blink">{text:Extra Link One Title}</div></a>
  1453. <a href="{text:Extra Link Two URL}"><div class="blink">{text:Extra Link Two Title}</div></a>
  1454. <a href="{text:Extra Link Three URL}"><div class="blink">{text:Extra Link Three Title}</div></a>
  1455. <a href="{text:Extra Link Four URL}"><div class="blink">{text:Extra Link Four Title}</div></a>
  1456. <a href="{text:Extra Link Five URL}"><div class="blink">{text:Extra Link Five Title}</div></a>
  1457. <a href="{text:Extra Link Six URL}"><div class="blink">{text:Extra Link Six Title}</div></a>
  1458. <a href="{text:Extra Link Seven URL}"><div class="blink">{text:Extra Link Seven Title}</div></a>
  1459. <a href="{text:Extra Link Eight URL}"><div class="blink">{text:Extra Link Eight Title}</div></a>
  1460. <a href="{text:Extra Link Nine URL}"><div class="blink">{text:Extra Link Nine Title}</div></a>
  1461. <a href="{text:Extra Link Ten URL}"><div class="blink">{text:Extra Link Ten Title}</div></a>
  1462. </div><!--blinks-->
  1463. </div><!--bcontent-->    
  1464. </center>
  1465. </div>
  1466.  
  1467. </div></div></div></div></div></div></div></div></div></div>
  1468.  
  1469.  
  1470.  
  1471. </body>
  1472. </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!