API tools faq
paste
Advertisement
nofacesface

Gaps Theme

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