API tools faq
paste
Advertisement
ancrestas

charming

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