API tools faq
paste
Advertisement
ancrestas

powerful

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