API tools faq
paste
Advertisement
nofacesface

アクア Theme

nofacesface
Jan 26th, 2014
3,082
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.20 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="#fff" />
  11.  
  12. <meta name="color:Link" content="#e74258"/>
  13. <meta name="color:Hover" content="#accea9" />
  14.  
  15. <meta name="color:Blog Title" content="#68bea5"/>
  16. <meta name="color:Description" content="#accea9" />
  17. <meta name="color:Navigation Icon" content="#68bea5" />
  18. <meta name="color:Navigation Icon Hover" content="#e74258" />
  19. <meta name="color:Music Note" content="#e74258" />
  20.  
  21. <meta name="color:Scroll" content="#68bea5" />
  22.  
  23. <meta name="color:Underline" content="#e64358" />
  24. <meta name="color:Bold" content="#303030" />
  25. <meta name="color:Italic" content="#dfdfdf" />
  26. <meta name="color:Post Title" content="#68bea5" />
  27.  
  28. <meta name="color:Text" content="#303030" />
  29. <meta name="color:Blockquote" content="68bea5" />
  30. <meta name="color:Post BG" content="#fefefe" />
  31.  
  32. <meta name="color:Permalink Icon" content="#002647" />
  33. <meta name="color:Permalink Icon Hover" content="#68bea5" />
  34.  
  35. <meta name="color:Pagination" content="#e74258" />
  36.  
  37.  
  38. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/c0on001g0/scales.png" />
  39.  
  40. <meta name="image:Header Image" content="http://static.tumblr.com/cbjpgjf/t3an001gp/test3.png" />
  41.  
  42. <meta name="image:Header BG" content="http://24.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo9_100.png" />
  43.  
  44. <meta name="text:Fish Color" content="68bea5" />
  45. <meta name="text:Pond Color" content="002647" />
  46. <meta name="text:Fish Food Color" content="e64358" />
  47.  
  48. <meta name="text:Music Code" content="/" />
  49.  
  50. <meta name="text:Link 1 URL" content="/" />
  51. <meta name="text:Link 1 Title" content="refresh" />
  52. <meta name="text:Link 2 URL" content="/ask" />
  53. <meta name="text:Link 2 Title" content="whisper" />
  54. <meta name="text:Link 3 URL" content="/archive" />
  55. <meta name="text:Link 3 Title" content="past" />
  56. <meta name="text:Link 4 URL" content="/submit" />
  57. <meta name="text:Link 4 Title" content="submit" />
  58.  
  59. <meta name="if:caption" content="1"/>
  60. <meta name="if:photoeffect" content="0"/>
  61. <meta name="if:music" content="1"/>
  62. <meta name="if:infinitescroll" content="0"/>
  63. <meta name="if:fish" content="1"/>
  64.  
  65.  
  66. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name=""
  67. content="{MetaDescription}" />{/block:Description}
  68. <link rel="shortcut icon" href="{Favicon}">
  69.  
  70.  <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  71.  
  72. <style>
  73.     div#qTip {
  74.     padding: 4px;
  75.     display: none;
  76.     font-style: none;
  77.     text-align: center;
  78.     position: absolute;
  79.     font-family: consolas;
  80.     font-size:8px;
  81.     line-height:10px;
  82.     z-index: 99999999999;
  83.     background-color: rgba(255,255,255,0.7);
  84.     color: {color:Text};
  85.     text-transform:lowercase;
  86.     letter-spacing: 3px;
  87.    
  88.     }
  89.     </style>
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  95.  
  96. /* fontawesome */
  97. [class*="fontawesome-"]:before {
  98.   font-family: 'FontAwesome', sans-serif;
  99. }
  100.  
  101. #tumblr_controls {
  102. position: fixed !important;
  103. }
  104.  
  105. 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;}
  106.  
  107. 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;}
  108.  
  109.  
  110.  
  111. ::-webkit-scrollbar {width: 5px;height:5px; background: transparent;}
  112. ::-webkit-scrollbar-thumb {background: {color:Scroll};}
  113.  
  114.  
  115.  
  116. /* GENERAL */
  117.  
  118. body{
  119. cursor:crosshair;
  120. margin:0px;
  121. font-family: consolas;
  122. font-style: oblique;
  123. font-size: 10px;
  124. letter-spacing: 1px;
  125. line-height: 11px;
  126. color: {color:text};
  127. background-color: {color:Background};
  128. background-image: url({image:Background});
  129. margin: 0;
  130. word-wrap: break-word;
  131. background-attachment: fixed;
  132. overflow-x: hidden;
  133. }
  134.  
  135.  
  136. a:link, a:active, a:visited {
  137. text-decoration: none;
  138. color: {color:Link};
  139. cursor: help;
  140. -webkit-transition: all 0.7s ease;
  141. transition: all 0.7s ease;
  142. -moz-transition: all 0.7s ease;
  143. -o-transition: all 0.7s ease; }
  144.  
  145. a:hover {
  146. color: {color:Hover}; }
  147.  
  148. a.class1 {
  149.     color:{color:Navigation Icon}; cursor: help; }
  150. a.class1:link  
  151. a.class1:active
  152. a.class1:visited {
  153. text-decoration: none;
  154. color: {color:Link};
  155. -webkit-transition: all 0.7s ease;
  156. transition: all 0.7s ease;
  157. -moz-transition: all 0.7s ease;
  158. -o-transition: all 0.7s ease;}
  159.  
  160. a.class1:hover{
  161. color: {color:Navigation Icon Hover}; }
  162.  
  163.  
  164. /* POSTS */
  165.  
  166. #content{
  167. position: relative;
  168. margin-top:12px;
  169. margin-left: auto;
  170. margin-right: auto;
  171. width:500px;
  172. padding-right: 20px ; }
  173.    
  174. .entry{
  175. width: 500px;
  176. margin: 10px 10px;
  177. -webkit-transition: all 0.7s ease-in-out;
  178. -moz-transition: all 0.7s ease-in-out;
  179. -o-transition: all 0.7s ease-in-out;
  180. -ms-transition: all 0.7s ease-in-out;
  181. transition: all 0.7s ease-in-out;
  182.  
  183. {block:ifphotoeffect}  
  184.     opacity: 1;
  185. -webkit-filter: grayscale(100%);
  186. {/block:ifphotoeffect} }
  187.  
  188. .entry img{
  189. max-width:100%;
  190. opacity: 1px; }
  191.    
  192. .entry:hover {
  193. -webkit-filter:none; }
  194.  
  195.  
  196. /* SIDEBAR */
  197.  
  198.  
  199. #center {
  200. width: 500px;
  201. height: 150px;
  202. margin-left: auto;
  203. margin-right: auto;
  204. position: relative;
  205. z-index: 999999; }
  206.  
  207. .aqua {
  208. overflow:hidden;
  209. background-image: url("{image:Header BG}");
  210. width: 500px;
  211. height: 150px;
  212. margin-left: 0px;
  213. position: fixed; }
  214.  
  215. .cerulean {
  216. overflow:hidden;
  217. width: 500px;
  218. height: 150px;
  219. margin-left: 0px;
  220. position: absolute;
  221. -webkit-transition: opacity 0.8s linear;
  222. -webkit-transition: all 0.8s ease-in-out;
  223. -moz-transition: all 0.8s ease-in-out;
  224. -o-transition: all 0.8s ease-in-out; }
  225.  
  226. .aqua:hover .cerulean {
  227. margin-left: 475px; }
  228.  
  229. .indigo {
  230.    width: 500px;
  231. height: 150px;
  232. margin-left: 0px;
  233. position: absolute;
  234. -webkit-transition: opacity 0.8s linear;
  235. -webkit-transition: all 0.8s ease-in-out;
  236. -moz-transition: all 0.8s ease-in-out;
  237. -o-transition: all 0.8s ease-in-out; }
  238.  
  239. .indigo img {
  240. width: 100%;
  241. height: 150px;
  242. position: absolute; }
  243.  
  244. .aqua:hover .indigo {
  245. margin-left: -475px; }
  246.  
  247. .ruby {
  248. overflow: hidden;
  249. width: 25px;
  250. height: 150px;
  251. background-color: rgba(255,255,255,0.6);
  252. position: absolute;
  253. left: 0px;
  254. top: 0px;
  255. z-index: 999999999; }
  256.  
  257. .titlebox {
  258. overflow: hidden;
  259. width: 25px;
  260. height: 150px;
  261. position: absolute;
  262. left: 0px;
  263. top: 0px;
  264. z-index: 999999999;
  265. -webkit-transition: opacity .8s linear;
  266. -webkit-transition: all .8s ease-in-out;
  267. -moz-transition: all .8s ease-in-out;
  268. -o-transition: all .8s ease-in-out; }
  269.  
  270. .aqua:hover .titlebox {
  271. top: -150px; }
  272.  
  273.  
  274. .blogtitle {
  275. color: {color:Blog Title};
  276. text-align: center;
  277. font-family: consolas;
  278. font-size: 10px;
  279. font-style: normal;
  280. text-transform: none;
  281. padding: 8px;
  282. line-height: 12px;
  283. text-transform: lowercase;
  284. letter-spacing: 6px; }
  285.  
  286. .turquoise {
  287. position:absolute;
  288. cursor:help;
  289. overflow: hidden;
  290. opacity: 1;
  291. border-radius: 5px;
  292. background-image: url({image:Background});
  293. height: 70px;
  294. width: 385px;
  295. margin-top: 40px;
  296. margin-left: 45px; }
  297.  
  298. .scarlet {
  299. position:absolute;
  300. overflow: hidden;
  301. height: 50px;
  302. width: 365px;
  303. margin-top: 10px;
  304. margin-left: 10px; }
  305.  
  306. .rose {
  307. overflow: hidden;
  308. position:absolute;
  309. cursor:help;
  310. height: 50px;
  311. background-color: rgba(255,255,255,0.7);
  312. margin-top: 0px;
  313. {block:ifnotmusic}
  314. width: 365px;
  315. margin-left: 0px;
  316. {/block:ifnotmusic}
  317. {block:ifmusic}
  318.  width: 300px;
  319. margin-left: 60px;
  320. {/block:ifmusic} }
  321.  
  322.  
  323.  
  324. .description {
  325. text-align: center;
  326. color: {color:Description};
  327. font-family: consolas;
  328. font-style: normal;
  329. font-size: 10px;
  330. letter-spacing: 1px;
  331. line-height: 30px;
  332. text-transform: none;
  333. padding: 10px;
  334. margin-top: 0px; }
  335.  
  336. /* MUSIC PLAYER */
  337.  
  338. .melody {
  339. background-color: rgba(255,255,255,0.7);
  340. overflow: hidden;
  341. position:absolute;
  342. height: 50px;
  343. width: 50px;
  344. margin-top: 0px;
  345. margin-left: 4px; }
  346.  
  347. .reverberate {
  348. position:absolute;
  349. height: 14px;
  350. width: 14px;
  351. margin-top: 0px;
  352. margin-left: 0px;
  353. padding: 18px;
  354. font-size: 13px;
  355. font-style: normal;
  356. color: {color:Music Note};
  357. -webkit-transition: opacity .7s linear;
  358. -webkit-transition: all .7s ease-in-out;
  359. -moz-transition: all .7s ease-in-out;
  360. -o-transition: all .7s ease-in-out; }
  361.  
  362. .melody:hover .reverberate {
  363. margin-top: -50px; }
  364.  
  365. .harmony {
  366. overflow: hidden;
  367. position:absolute;
  368. height: 50px;
  369. width: 20px;
  370. margin-top: 50px;
  371. margin-left: 15px;
  372. -webkit-transition: opacity .7s linear;
  373. -webkit-transition: all .7s ease-in-out;
  374. -moz-transition: all .7s ease-in-out;
  375. -o-transition: all .7s ease-in-out; }
  376.  
  377. .melody:hover .harmony {
  378. margin-top: 0px; }
  379.  
  380. .rhythm {
  381. position:absolute;
  382. height: 25px;
  383. width: 30px;
  384. margin-top: 18px;
  385. margin-left: -20px; }
  386.  
  387. /* PAGINATION */
  388.  
  389. .coral {
  390. cursor: help;
  391. width: 6px;
  392. height: 6px;
  393. padding: 12px;
  394. margin-left: -30px;
  395. margin-top: 120px;
  396. position: fixed;
  397. font-size: 25px;
  398. color: {color:Pagination};
  399. font-style: normal;
  400. opacity: .3;
  401. -webkit-transition: opacity .7s linear;
  402. -webkit-transition: all .7s ease-in-out;
  403. -moz-transition: all .7s ease-in-out;
  404. -o-transition: all .7s ease-in-out;
  405. }
  406.  
  407. .coral:hover {
  408. opacity:1;
  409. }
  410.  
  411. .reef {
  412. cursor: help;
  413. width: 6px;
  414. height: 6px;
  415. padding: 12px;
  416. margin-left: 497px;
  417. margin-top: 120px;
  418. position: fixed;
  419. font-size: 25px;
  420. color: {color:Pagination};
  421. font-style: normal;
  422. opacity: .3;
  423. -webkit-transition: opacity .7s linear;
  424. -webkit-transition: all .7s ease-in-out;
  425. -moz-transition: all .7s ease-in-out;
  426. -o-transition: all .7s ease-in-out;
  427. }
  428.  
  429. .reef:hover {
  430. opacity:1;
  431. }
  432.  
  433. /* NAVIGATION */
  434.  
  435. .navy {
  436. cursor: help;
  437. overflow: hidden;
  438. width: 25px;
  439. height: 150px;
  440. position: absolute;
  441. left: 0px;
  442. top: 150px;
  443. z-index: 999999999;
  444. -webkit-transition: opacity .8s linear;
  445. -webkit-transition: all .8s ease-in-out;
  446. -moz-transition: all .8s ease-in-out;
  447. -o-transition: all .8s ease-in-out; }
  448.  
  449. .aqua:hover .navy {
  450. top: 60px; }
  451.  
  452. .icons {
  453. font-style: normal;
  454. text-align: center;
  455. font-size: 11px;
  456. padding: 4px;
  457. line-height: 20px;
  458. word-spacing: 10px; }
  459.  
  460. /* TITLES */
  461.  
  462.  
  463. .title {
  464. background: rgba(255,255,255,0.7);
  465. text-align: right;
  466. font-family:consolas;
  467. padding: 10px;
  468. font-style: normal;
  469. font-size:13px;
  470. line-height: 17px;
  471. letter-spacing: 5px;
  472. text-transform: none;
  473. color: {color:Post Title}; }
  474.  
  475. .quote {
  476. background: {color:Post BG};
  477. padding:25px;
  478. font-size:10px;
  479. letter-spacing: 0px;
  480. text-transform:none;
  481. color: {color:Text}; }
  482.  
  483. .source {
  484. font-size:8px;
  485. letter-spacing: 2px;
  486. text-align:right; }
  487.  
  488.  
  489.  
  490. /* PERMALINKS */
  491.  
  492. .entry:hover .perma  {
  493. opacity:1;
  494. z-index:999;
  495. -webkit-transition: all 0.9s ease;
  496. -moz-transition: all 0.9s ease;
  497. height: 31px;
  498. }
  499.  
  500. .perma {
  501. overflow: hidden;
  502. margin-left:0px;
  503. text-transform: normal;
  504. position:relative;
  505. background: rgba(255,255,255,0.7);
  506. margin-top: 0px;
  507. width: 500px;
  508. height: 0px;
  509. opacity:1;
  510. -webkit-transition: all 0.9s ease;
  511. -moz-transition: all 0.9s; }
  512.  
  513. .permareblogbox {
  514. position: absolute;
  515. margin-top: 2px;
  516. margin-left: 4px;
  517. height: 15px;
  518. width: 15px;
  519. padding: 6px;
  520. overflow:hidden;
  521. -webkit-transition: all 0.9s ease;
  522. -moz-transition: all 0.9s; }
  523.  
  524. .permareblog {
  525. margin-left: 0px;
  526. margin-top: 2px;
  527. color: {color:Permalink Icon};
  528. padding: 1px;
  529. font-size: 12px;
  530. text-align: center;
  531. font-style: normal;
  532. -webkit-transition: all 0.9s ease;
  533. -moz-transition: all 0.9s; }
  534.  
  535. .permareblogbox:hover .permareblog {
  536. color: {color:Permalink Icon Hover}; }
  537.  
  538. .permatags {
  539. position: absolute;
  540. margin-top: 4px;
  541. margin-left: 35px;
  542. height: 15px;
  543. width: 418px;
  544. font-size: 9px;
  545. letter-spacing: 2px;
  546. padding: 6px;
  547. overflow:hidden;
  548. text-transform: lowercase;
  549. -webkit-transition: all 0.9s ease;
  550. -moz-transition: all 0.9s; }
  551.  
  552.  
  553. .permanumberbox {
  554. position: absolute;
  555. margin-top: 2px;
  556. margin-left: 468px;
  557. height: 15px;
  558. width: 15px;
  559. padding: 6px;
  560. -webkit-transition: all 0.9s ease;
  561. -moz-transition: all 0.9s; }
  562.  
  563. .permanumber {
  564. margin-left: 0px;
  565. margin-top: 1px;
  566. color: {color:Permalink Icon};
  567. padding: 2px;
  568. font-size: 12px;
  569. text-align: center;
  570. font-style: normal;
  571. -webkit-transition: all 0.9s ease;
  572. -moz-transition: all 0.9s; }
  573.  
  574. .permanumberbox:hover .permanumber {
  575. color: {color:Permalink Icon Hover}; }
  576.  
  577.  
  578. #permalink {
  579. {block:PermalinkPage}
  580. background: rgba(255,255,255,0.7);
  581. text-align:center;
  582. margin-top:15px;
  583. padding:15px;
  584. font-size:11px;
  585. letter-spacing: 3px;
  586. text-transform:lowercase;
  587. color: {color:Text};
  588. {/block:PermalinkPage} }
  589.  
  590. .tags {
  591. padding: 10px; }
  592.  
  593.  
  594. /* AUDIO */
  595.  
  596. .newplayerbutton {
  597. position: relative;
  598. width: 28px;
  599. height: 27px;
  600. overflow: hidden; }
  601.            
  602. .playerbuttonhug {
  603. position: absolute;
  604. top: -11px;
  605. left: -10px; }
  606.  
  607. .tumblr_audio_player {
  608. border: none;
  609. padding: 0px;
  610. margin-top: 0px;
  611. margin-left: 11px;
  612. height: 50px;
  613. width: 500px; }
  614.  
  615. .playerbuttonbg {
  616. position: absolute;
  617. left: 40px;
  618. top: 40px;
  619. width: 28px;
  620. height: 28px;
  621. background-color: #ffffff;
  622. padding: 10px;
  623. opacity: .4;
  624. filter: alpha(opacity=40);
  625. -moz-opacity: 0.4;
  626. -khtml-opacity: 0.4;
  627. transition: opacity .7s ease-in-out;
  628. -moz-transition: opacity .7s ease-in-out;
  629. -webkit-transition: opacity .7s ease-in-out; }
  630.            
  631. .playerbuttonbg:hover {
  632. opacity: .9;
  633. filter: alpha(opacity=100);
  634. -moz-opacity: 1;
  635. -khtml-opacity: 1; }
  636.  
  637. .audioimgwrapper {
  638. position: absolute;
  639. left: 25px;
  640. top: 25px;
  641. overflow: hidden;
  642. width: 78px;
  643. height: 78px; }
  644.            
  645. .audioimgwrapper img {
  646. width: 100%;
  647. height: auto; }
  648.            
  649. .trackdetails {
  650. width: auto;
  651. display:inline-block;
  652. margin-left: 100px;
  653. min-height: 85px; }
  654.            
  655. .audiowrapper {
  656. background: {color:Post BG};
  657. padding: 25px;
  658. position: relative;
  659. display:inline-block;
  660. width: 450px; }
  661.  
  662. /* TEXT */
  663.  
  664. i, em {
  665. color:{color:Italic}; }
  666.  
  667. b {
  668. color:{color:Bold};
  669. letter-spacing: 1px; }
  670.  
  671. b, strong {
  672. color:{color:Title};
  673. letter-spacing: 2px; }
  674.  
  675. ul,ol {
  676. margin-top: 0px;
  677. margin-left: 10px;
  678. padding: 25px;
  679. background: rgba(255,255,255,0.7) }
  680.  
  681. p {
  682. margin-top:15px;
  683. background: {color:Post BG}; }
  684.    
  685. u {
  686. text-decoration:none;
  687. color: {color:Underline};
  688. letter-spacing: 1px;
  689. border-bottom:1px solid {color:Underline}; }
  690.  
  691. blockquote {
  692. padding: 6px;
  693. border-left: 6px solid {color:Blockquote};
  694. margin-left:10px; }
  695.  
  696. .text {
  697. margin-top: 10px;
  698. padding: 15px;
  699. background: {color:Post BG};
  700. }
  701.  
  702. .answer {
  703. margin-top: 0px;
  704. padding: 15px;
  705. background: {color:Post BG}; }
  706.  
  707. /* MISC */
  708.  
  709. .c img {
  710. padding-left: 2.5px;
  711. padding-top: 2px;
  712. border-radius: 500px;
  713. opacity: 0;
  714. width:25px;
  715. height: 25px;
  716. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  717. -o-transition: 0.5s ease;-moz-transition: 0.5s ease; }
  718.  
  719. .c {
  720. z-index: 99999;
  721. overflow: hidden;
  722. position:fixed;
  723. right:7px;
  724. bottom:7px;
  725. background-color: rgba(0,0,0,0.2);
  726. width: 30px;
  727. height: 30px;
  728. border-radius: 500px; }
  729.  
  730. .c img:hover {
  731.     opacity: 1; }
  732.  
  733. .l .odd {
  734. display:block;
  735. padding:10px; }
  736.  
  737. .l .even {
  738. display:block;
  739. background: rgba(255,255,255,0.7);
  740. padding:10px; }
  741.  
  742. #s-m-t-tooltip {
  743. display:inline-block;
  744. position:absolute;
  745. max-width:300px;
  746. margin:15px;
  747. padding:3px 10px 3px 10px;
  748. z-index:99;
  749. border:1px solid #AAA;
  750. border-radius:10px;
  751. border-top-left-radius:0px;
  752. background:#000; }
  753.  
  754. ::selection {color: {color:Hover};}
  755. ::-moz-selection {color: {color:Hover};}
  756. ::-webkit-selection {color: {color:Hover};}
  757.  
  758. img { margin-bottom:-3px;}
  759.  
  760. /* POSTNOTES */
  761.  
  762. ol.notes a {letter-spacing:2px;}
  763.  
  764. ol.notes {
  765. list-style:none;
  766. font-size: 10px;
  767. letter-spacing: 2px;
  768. line-height: 20px;
  769. margin-top:20px;
  770. text-transform:none; }
  771.  
  772. ol.notes li.note img.avatar {
  773. vertical-align:-5px;
  774. margin-right:5px;
  775. width:15px;
  776. padding:4px; }
  777.  
  778. ol.notes li.note {margin:5px 0px 10px -20px;}
  779. ol.notes li.note span.action {font-style: normal;}
  780. ol.notes li.note .answer_content {font-weight: normal;}
  781. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  782.  
  783. </style>
  784. </head>
  785. <body>
  786.  
  787. <div id="center">
  788.  
  789. {block:ifnotinfinitescroll}
  790. {block:IndexPage}
  791. {block:Pagination}
  792.  
  793. {block:PreviousPage}
  794. <a href="{PreviousPage}">
  795. <div class="coral">
  796. <span class="fontawesome-caret-left"></span>    
  797. </div>
  798. </a>
  799. {/block:PreviousPage}
  800.  
  801. {block:NextPage}<a href="{NextPage}">
  802. <div class="reef">
  803. <span class="fontawesome-caret-right"></span>    
  804. </div>
  805. </a>
  806. {/block:NextPage}
  807.  
  808. {/block:Pagination}
  809. {/block:IndexPage}
  810. {/block:ifnotinfinitescroll}
  811.  
  812. <div class="aqua">
  813.  
  814. {block:iffish}
  815. <object type="application/x-shockwave-flash" style="outline:none; position: absolute; " data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor3={text:Fish Color}&up_backgroundColor={text:Pond Color}&up_fishColor8={text:Fish Color}&up_numFish=5&up_fishColor10={text:Fish Color}&up_backgroundImage=http://&up_fishColor9={text:Fish Color}&up_fishColor6={text:Fish Color}&up_fishColor2={text:Fish Color}&up_foodColor={text:Fish Food Color}&up_fishColor5={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor1={text:Fish Color}&up_fishColor4={text:Fish Color}&" width="500" height="150"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&up_fishColor3={text:Fish Color}&up_backgroundColor={text:Pond Color}&up_fishColor8={text:Fish Color}&up_numFish=5&up_fishColor10={text:Fish Color}&up_backgroundImage=http://&up_fishColor9={text:Fish Color}&up_fishColor6={text:Fish Color}&up_fishColor2={text:Fish Color}&up_foodColor={text:Fish Food Color}&up_fishColor5={text:Fish Color}&up_fishColor7={text:Fish Color}&up_fishColor1={text:Fish Color}&up_fishColor4={text:Fish Color}&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  816. {/block:iffish}
  817.  
  818. <div class="turquoise">
  819. <div class="scarlet">
  820.    
  821. {block:ifmusic}
  822. <div class="melody">
  823. <div class="reverberate">
  824. <span class="fontawesome-music"></span>
  825. </div><!--reverberate-->
  826. <div class="harmony">
  827. <div class="rhythm">
  828. {text:Music Code}
  829. </div><!--rhythm-->    
  830. </div><!--harmony-->
  831. </div><!--melody-->
  832.     {/block:ifmusic}
  833.    
  834. <div class="rose">
  835. <div class="description">
  836. {Description}
  837. </div><!--description-->
  838. </div><!--rose-->
  839.        
  840. </div><!--turquoise-->
  841. </div><!--scarlet-->
  842.  
  843. <div class="cerulean">
  844.  
  845. <div class="indigo">
  846. <img src="{image:Header Image}">
  847. </div><!--indigo-->
  848.  
  849. <div class="ruby">
  850.  
  851. <div class="titlebox">
  852. <div class="blogtitle">
  853. <span class="fontawesome-quote-left"></span>{Title}
  854. </div><!--blogtitle-->
  855. </div><!--titlebox-->
  856.  
  857. <div class="navy">
  858. <div class="icons">
  859.  
  860. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}" class="class1">
  861. <span class="fontawesome-home"></span>
  862. </a>
  863.  
  864. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}" class="class1"><span class="fontawesome-envelope"></span>
  865. </a>
  866.  
  867. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}" class="class1"><span class="fontawesome-comment"></span>
  868. </a>
  869.  
  870. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}" class="class1"><span class="fontawesome-calendar"></span>
  871. </a>
  872.  
  873.  
  874.  
  875. </div><!--icons-->
  876. </div><!--navy-->
  877.  
  878. </div><!--ruby-->
  879. </div><!--cerulean-->
  880.  
  881.  
  882.  
  883. </div><!--aqua-->
  884. </div><!--center-->
  885.  
  886. <div id="content">
  887. {block:Posts}
  888.  
  889. <div class="entry">
  890.  
  891. {block:Text}
  892. {block:Title}
  893. <div class="title">{Title}</div>{/block:Title}
  894. <div class="text">{Body}</div>
  895. {/block:Text}
  896.  
  897. {block:Link}
  898. <a href="{URL}"><div class="title">
  899. {Name} <span class="fontawesome-caret-right"></span>
  900. </div></a>
  901. {block:Description}
  902. <div class="text">{Description}</div>
  903. {/block:Description}
  904. {/block:Link}
  905.  
  906. {block:Photo}
  907. <a href="{Permalink}">
  908. {block:IndexPage}
  909. <center><img src="{PhotoURL-500}"></a></center>
  910. {/block:IndexPage}
  911. {block:PermalinkPage}
  912. <center><img src="{PhotoURL-500}"></center>
  913. {/block:PermalinkPage}
  914. {block:ifCaption}{block:Caption}
  915. <div class="text">{Caption}</div>
  916. {/block:Caption}{/block:ifCaption}
  917. {/block:Photo}
  918.  
  919. {block:Photoset}
  920. {block:IndexPage}
  921. <center>
  922. {Photoset-500}
  923. </center>
  924. {/block:IndexPage}
  925. {block:PermalinkPage}
  926. {Photoset-500}
  927. {/block:PermalinkPage}
  928. {block:ifCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:ifCaption}
  929. {/block:Photoset}
  930.  
  931. {block:Quote}
  932. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  933. {/block:Quote}
  934.  
  935. {block:Chat}
  936. {block:Title}<div class="title">{Title}</div>{/block:Title}
  937. {block:Lines}
  938. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  939. {block:Label}<b>{Label} </b>{/block:Label}
  940. {Line}</div></div>{/block:Lines}
  941. {/block:Chat}
  942.  
  943. {block:AudioPlayer}
  944. <div class="audiowrapper">
  945. {block:AlbumArt}
  946. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  947. {/block:AlbumArt}
  948.  
  949. <div class="playerbuttonbg">
  950. <div class="newplayerbutton">
  951. <div class="playerbuttonhug">
  952. {AudioPlayerWhite}
  953. </div>
  954. </div>
  955. </div>
  956.        
  957. <div class="trackdetails">
  958.            
  959. {block:TrackName}<b>TITLE:</b> {TrackName}{/block:TrackName}
  960. <br><br>
  961. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}
  962. <br><br>
  963. {block:Album}<b>ALBUM:</b> {Album}{/block:Album}
  964. <br><br>
  965. <b>PLAYS:</b> {PlayCountWithLabel}
  966. </div>
  967. </div>
  968. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  969. {/block:AudioPlayer}
  970.    
  971.  
  972. {block:Video}
  973. {block:IndexPage}
  974. {Video-500}
  975. {/block:IndexPage}
  976. {block:PermalinkPage}
  977. {Video-500}
  978. {/block:PermalinkPage}
  979. {block:ifCaption}{block:Caption}
  980. <div class="text">{Caption}</div>
  981. {/block:Caption}{/block:ifCaption}
  982. {/block:Video}
  983.  
  984. {block:Answer}
  985. <table style="padding-bottom:5px;margin-bottom:5px; background: {color:Post BG}; padding: 15px; width: 100%;">
  986. <tr>
  987. <td style="vertical-align:top;padding-right:5px; width:50px;">
  988. <img src="{AskerPortraitURL-64}" style="border-radius: 500px;"></td>
  989. <td style="vertical-align:top; padding: 10px;">
  990. <strong>{Asker} asked:</strong> {Question}</td>
  991. </tr>
  992. </table>
  993. <div class="answer">{Answer}</div>
  994. {/block:Answer}
  995.  
  996. {block:IndexPage}
  997.  
  998. <div class="perma">
  999.  
  1000. <a href="{Permalink}" title="{NoteCount}" class="class2" >
  1001. <div class="permanumberbox">
  1002. <div class="permanumber">
  1003. <span class="fontawesome-link"></span>
  1004. </div>
  1005. </div>
  1006. </a>
  1007.  
  1008. <div class="permatags">
  1009. <marquee behavior="scroll" direction="left" scrollamount="3">
  1010. {block:HasTags}{block:Tags}
  1011. <a href="{TagURL}">#{Tag}</a>
  1012. {/block:Tags}{/block:HasTags}
  1013. </marquee>
  1014. </div>
  1015.  
  1016. <a href="{ReblogURL}" target="_blank" title="reblog" class="class2">
  1017. <div class="permareblogbox">
  1018. <div class="permareblog">
  1019. <span class="fontawesome-retweet"></span>
  1020. </div>
  1021. </div>
  1022. </a>
  1023.  
  1024. </span></div>
  1025.  
  1026. {/block:IndexPage}
  1027.  
  1028. {block:PermalinkPage}
  1029.  
  1030. <div id="permalink">
  1031. {block:Date}
  1032. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  1033. {block:NoteCount} |
  1034. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  1035. {block:RebloggedFrom}
  1036. | <a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}" >source</a>
  1037. {/block:RebloggedFrom}
  1038.  
  1039.  
  1040. <div class="tags">
  1041. {block:HasTags}
  1042. Tagged:
  1043. {block:Tags}
  1044. <a href="{TagURL}">#{Tag}</a>
  1045. {/block:Tags}
  1046. {/block:HasTags}
  1047. </div>
  1048.    
  1049. </div>
  1050. {/block:PermalinkPage}
  1051.  
  1052. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1053.  
  1054. </div>
  1055. {/block:Posts}
  1056. </div>
  1057.  
  1058. <div class="c">
  1059. <a href="http://nff-themes.tumblr.com">
  1060. <img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png">
  1061. </a>
  1062. </div>
  1063.  
  1064. {block:ifinfinitescroll}
  1065. {block:indexpage}
  1066. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1067.  
  1068. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1069. <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>
  1070. {/block:indexpage}
  1071. {/block:ifinfinitescroll}
  1072.  
  1073. </body>
  1074. </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!