API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 18th, 2014
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4. --------------------------------------------------
  5.  
  6. E M I L I A C L A R K (E) 2 0 1 4
  7. ( d o n' t r e m o v e t h e c r e d i t )
  8.  
  9.  
  10. --------------------------------------------------
  11. ----->
  12. <!--Farahmir base code-->
  13. <head>
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head><title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!--Default Variables-->
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#000000"/>
  25. <meta name="color:link" content="#000000"/>
  26. <meta name="color:link hover" content="#FFF661"/>
  27. <meta name="color:title"content="#000000"/>
  28. <meta name="color:blog title"content="#000000"/>
  29. <meta name="color:scrollbar" content="#d5d5d5" />
  30. <meta name="color:borders" content="#cccccc"/>
  31.  
  32. <meta name="image:Sidebar image" content=""/>
  33.  
  34. <meta name="if:500px posts" content="0"/>
  35. <meta name="text:Link 1 URL" content="" />
  36. <meta name="text:Link 1" content="" />
  37. <meta name="text:Link 2 URL" content="" />
  38. <meta name="text:Link 2" content="" />
  39. <meta name="text:Link 3 URL" content="" />
  40. <meta name="text:Link 3" content="" />
  41. <meta name="text:Link 4 URL" content="" />
  42. <meta name="text:Link 4" content="" />
  43.  
  44.  
  45.  
  46.  
  47. <!-- jquery -->
  48.  
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51.  
  52. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53.  
  54. <script>
  55.  
  56. (function($){
  57.  
  58. $(document).ready(function(){
  59.  
  60. $("a[title]").style_my_tooltips({
  61.  
  62. tip_follows_cursor:true,
  63.  
  64. tip_delay_time:30,
  65.  
  66. tip_fade_speed:300,
  67.  
  68. attribute:"title"
  69.  
  70. });
  71.  
  72. });
  73.  
  74. })(jQuery);
  75.  
  76. </script>
  77.  
  78.  
  79.  
  80. <!--CSS customization here. -->
  81.  
  82. <style type="text/css">
  83.  
  84.  
  85. #s-m-t-tooltip{
  86. font-family:arial;
  87. font-size:10px;
  88. position:absolute;
  89. margin-top: 15px;
  90. letter-spacing:2px;
  91. z-index:9999;
  92. background:white;
  93. color:#979696;
  94. text-transform:lowercase;
  95. padding:2px 3px 2px 3px;
  96. -webkit-transition:all 0.3s;
  97. -moz-transition:all 0.3s;
  98. -ms-transition:all 0.3s;
  99. -o-transition:all 0.3s;
  100. transition:all 0.3s;
  101. }
  102.  
  103. /*scrollbar*/
  104. ::-webkit-scrollbar{height: 5px;
  105. width: 5px;
  106. -webkit-border-radius: 0px;
  107. background-color:#ffffff}
  108. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  109. ::-webkit-scrollbar-track{background-color:#ffffff;}
  110.  
  111. body {
  112. background:#ffffff;
  113. color:#5f5f5f;
  114. font-family:arial;
  115. font-size:11px;
  116. text-align:justify;
  117. margin:0;
  118. line-height:20px;}
  119.  
  120. a {
  121. color:{color:link};
  122. text-decoration:none;
  123. }
  124.  
  125. a:hover {
  126. color:{color:link hover};
  127. text-decoration:none;
  128. }
  129.  
  130. img{
  131. border:none;
  132. text-decoration:none}
  133.  
  134. blockquote {padding:5px 5px 15px;
  135. border-left:1px solid #f4f4f4;
  136. margin:10px 0px 10px 15px;
  137. }
  138.  
  139. b, strong {
  140. color:#606060}
  141. i, em {
  142. color:#5f5f5f}
  143. p {
  144. margin-top:5px;
  145. margin-bottom:5px}
  146. ol {
  147. list-style:normal;}
  148. ul {
  149. list-style:square;}
  150.  
  151. small {
  152. font-size:10px;}
  153.  
  154. big {
  155. font-size:14px;}
  156.  
  157.  
  158.  
  159.  
  160. #title {font-size:8px;
  161. line-height:19px;
  162. margin-bottom:10px;
  163. font-weight:100;
  164. text-transform:lowercase;
  165. color:#606060;}
  166. #title a {color:#606060;}
  167.  
  168.  
  169.  
  170.  
  171. /*sidebar*/
  172. #header {
  173. bottom:350px;
  174. width:150px;
  175. text-align:left;
  176. position:fixed;
  177. margin-left:-225px;
  178. }
  179.  
  180. #sidebar img {
  181. width:75px;
  182. height:75px;
  183. }
  184.  
  185. #sidebar a {border:none}
  186.  
  187. #blogt {
  188. font-size:9px;
  189. margin-top:15px;
  190. text-transform:uppercase;
  191. letter-spacing:9px;
  192. font-weight:50; }
  193.  
  194. #blogt a {
  195. color:{color:blog title};
  196. border:none;}
  197.  
  198. #links {
  199. text-transform:uppercase;
  200. border-top:1px solid #eaeaea;
  201. font-size:8px;
  202. letter-spacing:2px;
  203. padding-top:17px;
  204. }
  205.  
  206. #links a {
  207. display:inline-block;
  208. width:60px;
  209. border:none;
  210. }
  211.  
  212. #description {
  213. letter-spacing:0px;
  214. font-size:9px;
  215. margin:13px 0 17px 0;
  216. }
  217.  
  218.  
  219. /*pagination*/
  220. #pagination {
  221. font-family:helvetica;
  222. margin-top:1px;
  223. text-align:left;
  224. text-transform:uppercase;
  225. letter-spacing:4px;
  226. font-size:7px;
  227. padding-top:5px;
  228. line-height:16px;
  229. margin-left:-5px;
  230. }
  231. #pagination a {
  232. margin:0 6px;
  233. display:inline-block;
  234. border:none;
  235. }
  236.  
  237. #pagination a:hover {
  238. color:{color:link hover};
  239. }
  240.  
  241. /*container*/
  242. #con {
  243. left:50%;
  244. margin-left:-200px;
  245. position:absolute;
  246. }
  247.  
  248.  
  249.  
  250. /*posts*/
  251.  
  252. #entries {
  253. margin-top:100px;
  254. {block:if500pxposts}
  255. width:500px;
  256. {/block:if500pxposts}
  257. {block:ifnot500pxposts}
  258. width:400px;
  259. {/block:ifnot500pxposts}
  260. }
  261.  
  262.  
  263.  
  264. .posts {
  265. left:400px;
  266. margin-bottom:100px;
  267. {block:if500pxposts}
  268. width:500px;
  269. {/block:if500pxposts}
  270. {block:ifnot500pxposts}
  271. width:400px;
  272. {/block:ifnot500pxposts}
  273. }
  274.  
  275. /*images*/
  276. .posts img {
  277. {block:if500pxposts}
  278. width:500px;
  279. {/block:if500pxposts}
  280. {block:ifnot500pxposts}
  281. width:400px;
  282. {/block:ifnot500pxposts}
  283. }
  284.  
  285. .photo img {
  286. {block:if500pxposts}
  287. width:500px;
  288. {/block:if500pxposts}
  289. {block:ifnot500pxposts}
  290. width:400px;
  291. {/block:ifnot500pxposts}
  292. display:block;
  293. }
  294.  
  295. .photoset {
  296. display:block;
  297. }
  298.  
  299. /*quote*/
  300. #titlequote{
  301. font-size:11px;
  302. font-weight:
  303. line-height:22px;
  304. color:#606060;
  305. text-indent:20px;
  306. }
  307. #titlequote:before {content:'“';
  308. font-size:12px;
  309. margin-left:-40px;
  310. width:30px;
  311. position:absolute;
  312. padding-right:15px;
  313. padding-bottom:5px;}
  314.  
  315. #source {
  316. font-size:8px;
  317. text-transform:uppercase;
  318. letter-spacing:2px;
  319. line-height:16px;
  320. padding-top:10px;}
  321.  
  322. .posts li, .posts blockquote {max-width: 100%;}
  323. .caption img{max-width:300px;}
  324. .caption {
  325.  
  326. margin:15px 0;
  327. text-transform:none;
  328. }
  329.  
  330.  
  331. /*audio*/
  332.  
  333. .player {
  334. width:25px;
  335. height:25px;
  336. overflow:hidden;
  337. position:absolute;
  338. background:white;}
  339.  
  340. .audioinfo {
  341. margin-left:50px;
  342. }
  343.  
  344. /*asks*/
  345.  
  346. .q {
  347. padding-bottom:10px;
  348. border-bottom:1px solid #eaeaea;
  349. margin-bottom:10px;
  350.  
  351. }
  352. .as {
  353. text-transform:lowercase;
  354. color:#606060;
  355. font-weight:bold;}
  356. .ast{
  357. text-transform:lowercase;
  358. color:#606060;
  359. float:left;
  360. padding-right:5px;}
  361. .a {
  362. padding-bottom:2px;}
  363.  
  364.  
  365.  
  366. /*chat*/
  367.  
  368. .chat ol {
  369. padding:0;
  370. line-height:180%;
  371. list-style:none;
  372. }
  373.  
  374. .line.odd {padding:10px;
  375. border-bottom:1px solid #eaeaea;
  376. }
  377. .line.even {
  378. padding:10px;
  379. border-bottom:1px solid #eaeaea;
  380. }
  381. .line:last-of-type {border:none;
  382. padding-bottom:0;}
  383.  
  384. .label {font-weight:bold;
  385. padding-right:1px;
  386. letter-spacing:1px;
  387. text-transform:uppercase;
  388. color:#606060;
  389. }
  390.  
  391. /*permalink and notes*/
  392.  
  393. #permalink {
  394. {block:if500pxposts}
  395. width:500px;
  396. {/block:if500pxposts}
  397. {block:ifnot500pxposts}
  398. width:400px;
  399. {/block:ifnot500pxposts}
  400. font-family:helvetica;
  401. padding:5px 10px 0 10px;
  402. margin-top:10px;
  403. font-size:8px;
  404. letter-spacing:2px;
  405. text-transform:lowercase;
  406. }
  407.  
  408. #permalink a {
  409. border:none;
  410. margin-right:5px;
  411. text-decoration:none;
  412. }
  413.  
  414.  
  415. .tags {
  416. word-break:break-all;
  417. padding:0 10px 3px 10px;
  418. margin-right:-10px;
  419. margin-bottom:10px;
  420. margin-left:-10px;}
  421.  
  422. .from {float:right;}
  423. .from a {margin-right:0;
  424. margin-left:5px;}
  425.  
  426. .pagenotes {
  427. {block:IndexPage}
  428. display: none!important;
  429. {/block:IndexPage}
  430. {block:if500pxposts}
  431. width:500px;
  432. {/block:if500pxposts}
  433. {block:ifnot500pxposts}
  434. width:400px;
  435. {/block:ifnot500pxposts}
  436. text-align:left;
  437.  
  438. }
  439. .pagenotes img {
  440. display:none!important;}
  441. .pagenotes li {
  442. list-style-type:none;
  443. padding:5px 0px;
  444. text-align:left;
  445. margin:0 0 0 -40px;
  446. font-size:9px;
  447. text-transform:uppercase;
  448. }
  449.  
  450. .t {
  451. font-size:12px;
  452. font-weight:none;
  453. letter-spacing:1px;
  454. color:{color:text};
  455. text-transform:uppercase;}
  456.  
  457. #credit {
  458. position:fixed;
  459. right:10px;
  460. bottom:10px;
  461. text-transform:uppercase;
  462. font:7px 'helvetica';
  463. letter-spacing:2px;
  464. padding:5px;
  465. -webkit-transition: all 0.5s ease;
  466. -moz-transition: all 0.5s ease;
  467. -ms-transition: all 0.5s ease;
  468. -o-transition: all 0.5s ease;
  469. transition: all 0.5s ease;
  470. }
  471.  
  472.  
  473. </style>
  474.  
  475. </head>
  476.  
  477. <body>
  478.  
  479.  
  480. <div style="position:fixed; bottom: 0px; left:0px;">
  481. <a href="http://www.ljoesquad.tumblr.com"><img src="https://31.media.tumblr.com/7b040f28568321252dc76dbfce721f2b/tumblr_n3oev0NvXW1qcb0mao2_r1_100.png" style="opacity:0.4;filter:alpha(opacity=40);"/></a></div>
  482.  
  483.  
  484. <div id="credit"><a href="http://emiliaclark.tumblr.com/">CLFN</a></div>
  485.  
  486. <div id="con">
  487.  
  488. <div id="header">
  489.  
  490.  
  491.  
  492. <div id="sidebar">
  493. <a href="/"><img src="{image:Sidebar image}"></a>
  494. </div>
  495.  
  496.  
  497. <div id="blogt"><a href="/">{Title}</a></div>
  498.  
  499. <div id="description">{Description}</div>
  500.  
  501. <div id="links">
  502. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  503. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  504. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  505. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  506.  
  507. {block:Pagination}
  508. <div id="pagination">
  509. {block:PreviousPage}
  510. <a href="{PreviousPage}">&larr; back</a>
  511. {/block:PreviousPage}
  512. {block:NextPage}
  513. <a href="{NextPage}">next &rarr;</a>
  514. {/block:NextPage}
  515. </div>
  516. {/block:Pagination}
  517.  
  518.  
  519. </div>
  520. </div>
  521.  
  522. <div id="entries">
  523.  
  524. {block:Posts}
  525. <div class="posts">
  526.  
  527.  
  528. {block:Quote}
  529.  
  530.  
  531. <div id="titlequote">{Quote}</div>
  532. {block:Source}<div id="source">&mdash;{Source}</div>{/block:Source}
  533. {/block:Quote}
  534.  
  535.  
  536.  
  537. {block:Text}
  538.  
  539. {block:Title}
  540. <div id="title">{Title}</div>{/block:Title}
  541. <div class="texta">{Body}</div>
  542.  
  543.  
  544. {/block:Text}
  545.  
  546. {block:Link}
  547.  
  548. <div id="title"><a href="{URL}">{Name}</a></div>
  549. {block:Description}<div class="texta">{Description}</div>{/block:Description}
  550.  
  551. {/block:Link}
  552.  
  553. {block:Chat}
  554. {block:Title}
  555. <h1>{Title}</h1>
  556. {/block:Title}
  557. <div class="chat">
  558. <ol>{block:Lines}
  559. <li class="line {Alt}">
  560. {block:Label}
  561. <span class="label">
  562. {Label}</span>
  563. {/block:Label}{Line}</li>
  564. {/block:Lines}
  565. </ol></div>
  566. {/block:Chat}
  567.  
  568. {block:Photo}
  569. <div class="photo">
  570. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  571. </div>
  572.  
  573. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  574.  
  575.  
  576. {/block:Photo}
  577.  
  578. {block:Photoset}
  579. <div class="photoset">
  580. {block:if500pxposts}
  581. {Photoset-500}
  582. {/block:if500pxposts}
  583. {block:ifnot500pxposts}
  584. {Photoset-400}
  585. {/block:ifnot500pxposts}
  586. </div>
  587. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  588.  
  589.  
  590. {/block:Photoset}
  591.  
  592. {block:Video}
  593. {/block:IndexPage}
  594. {block:if500pxposts}
  595. {Video-500}
  596. {/block:if500pxposts}
  597. {block:ifnot500pxposts}
  598. {Video-400}
  599. {/block:ifnot500pxposts}
  600. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  601. {/block:Video}
  602.  
  603.  
  604. {block:Audio}
  605. <div class="player">{AudioPlayerWhite}</div>
  606. <div class="audioinfo">
  607. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  608. </div>
  609. {/block:Audio}
  610.  
  611.  
  612.  
  613. {block:Answer}
  614. <div class="q"><span class="as">{asker} Said: </span>{Question} </div>
  615. <div class="a"><span class="ast">{Answer}</div>
  616. {/block:Answer}
  617.  
  618.  
  619.  
  620. {block:Date}
  621.  
  622. <div id="permalink">
  623. <div class="from">
  624. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  625. <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount}&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  626. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}&nbsp;</a>{/block:Tags}</div>{/block:HasTags}
  627. </div>
  628. {/block:Date}
  629.  
  630.  
  631.  
  632. </div>
  633.  
  634. {block:PostNotes}
  635. <div class="pagenotes">
  636. {block:NoteCount}<div class="t">{NoteCountWithLabel}</div>{/block:NoteCount}
  637. {PostNotes}
  638. </div>
  639. {/block:PostNotes}
  640.  
  641.  
  642. {/block:Posts}
  643.  
  644. </body></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!