API tools faq
paste
Advertisement
aesthemes

theme 1

aesthemes
Jul 12th, 2014
221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6.  
  7. <!---- srsly credit me pls @aesthemes.tumblr.com. okay. ---->
  8.  
  9. <!---- (✿◠‿◠) ---->
  10.  
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12. <title>{text:tab title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{image:favicon}" />
  15. <link rel="apple-touch-icon" href="{image:favicon}"/>
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17.  
  18. <meta name="color:background" content="#FFF" />
  19. <meta name="color:sidebar" content="#FFF" />
  20. <meta name="color:sidebar b" content="#F0F0F0" />
  21. <meta name="color:title" content="##75b1d6" />
  22. <meta name="color:title shadow" content="#427ea3" />
  23. <meta name="color:desc" content="#808080" />
  24. <meta name="color:desc links" content="#a8a4a4" />
  25. <meta name="color:slinkys" content="#75b1d6" />
  26. <meta name="color:posts" content="#FFF" />
  27. <meta name="color:post titles" content="#75b1d6" />
  28. <meta name="color:post border" content="#75b1d6" />
  29. <meta name="color:post text" content="#808080" />
  30. <meta name="color:post link" content="#ADADAD" />
  31. <meta name="color:link underline" content="#75b1d6" />
  32. <meta name="color:link post bg" content="#dcecf5" />
  33. <meta name="color:link post" content="#529ecc" />
  34. <meta name="color:link post h" content="#97c5e0" />
  35. <meta name="color:qbubble" content="#dfeaf0" />
  36. <meta name="color:perma" content="#75b1d6" />
  37. <meta name="color:blockquote" content="#F0F0F0" />
  38. <meta name="color:scrollbar" content="#75b1d6" />
  39. <meta name="color:selection text" content="#cccccc" />
  40. <meta name="color:tool" content="#808080" />
  41. <meta name="color:tool bg" content="#FFF" />
  42. <meta name="color:tool border" content="#F0F0F0" />
  43.  
  44. <meta name="image:background" content="" />
  45. <meta name="image:side" content="" />
  46. <meta name="image:favicon" content="" />
  47. <meta name="image:extra" content="" />
  48.  
  49. <meta name="text:tab title" content="hello" />
  50. <meta name="text:extra img height" content="400" />
  51. <meta name="text:navi title" content="&#9660;" />
  52. <meta name="text:url1" content="/" />
  53. <meta name="text:1" content="refresh" />
  54. <meta name="text:url2" content="/ask" />
  55. <meta name="text:2" content="contact" />
  56. <meta name="text:url3" content="/archive" />
  57. <meta name="text:3" content="history" />
  58. <meta name="text:url4" content="" />
  59. <meta name="text:4" content="" />
  60. <meta name="text:url5" content="" />
  61. <meta name="text:5" content="" />
  62.  
  63. <meta name="if:invert tumblr controls" content="1" />
  64. <meta name="if:title shadow" content="1" />
  65. <meta name="if:fullscreen bg" content="1" />
  66.  
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  70.  
  71. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72.  
  73. <script>
  74.  
  75. (function($){
  76.  
  77. $(document).ready(function(){
  78.  
  79. $("a[title]").style_my_tooltips({
  80.  
  81. tip_follows_cursor:true,
  82.  
  83. tip_delay_time:90,
  84.  
  85. tip_fade_speed:600,
  86.  
  87. attribute:"title"
  88.  
  89. });
  90.  
  91. });
  92.  
  93. })(jQuery);
  94.  
  95. </script>
  96. <!--basic tooltip from tutorial-baby! Enjoy-->
  97. <style>
  98. .tooltip{
  99. display: inline;
  100. position: relative;
  101. }
  102. #s-m-t-tooltip {
  103. max-width:300px; /*how big the tooltip can be at most*/
  104. border-radius: 5px; /*change your border radius*/
  105. padding:2px 2px 2px 2px; /*padding inside tooltip*/
  106. margin:10px 7px -2px 10px; /*distance from word*/
  107. background-color:{color:tool bg}; /*background color*/
  108. border:1px solid {color:tool border}; /*border info*/
  109. font-family:consolas; /*tooltip font*/
  110. font-style:italic;
  111. font-size:9px; /*tooltip font size*/
  112. letter-spacing:0px; /*tooltip letter spacing*/
  113. text-transform:uppercase;
  114. color:{color:tool}; /*tooltip font color*/
  115. z-index:999999999999999999999999999999999999;
  116. }
  117. </style>
  118.  
  119. <style type="text/css">
  120.  
  121. @font-face{font-family:Komika Axis;src:url(http://static.tumblr.com/9wzbixa/USGm0c3z9/komikax.ttf);}
  122.  
  123. {block:ifinverttumblrcontrols}
  124. #tumblr_controls {-webkit-filter: invert(100%);}
  125. {/block:ifinverttumblrcontrols}
  126.  
  127. ::selection {color: {color:selection text}; background: none;}
  128. ::-moz-selection {color: {color:selection text}; background: none;}
  129. ::-webkit-selection {color: {color:selection text}; background:none;}
  130.  
  131. ::-webkit-scrollbar {width: 6px; height: 3px; background: none ; overflow-x: hidden; }
  132. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; border: 1px solid {color:scrollbar}; }
  133.  
  134. body {
  135. background:{color:background} url({image:background});
  136. {block:iffullscreenbg}
  137. background-repeat:no-repeat;
  138. background-attachment:fixed;
  139. background-position:center;
  140. background-size:cover;
  141. {/block:iffullscreenbg}
  142. {block:ifnotfullscreenbg}
  143. background-repeat:repeat;
  144. {/block:ifnotfullscreenbg}
  145. font-family: arial, helvetica, sans-serif;
  146. font-size:10px;
  147. text-align:left;
  148. }
  149.  
  150. #container {
  151. background:none;
  152. padding:10px;
  153. top:0;
  154. left:400px;
  155. overflow:auto;
  156. overflow-x:hidden;
  157. width:433px;
  158. height:100%;
  159. position:fixed;
  160. }
  161.  
  162. #title {
  163. color:{color:title};
  164. font-family:Komika Axis;
  165. text-align:center;
  166. font-size:20px;
  167. padding:2px;
  168. text-shadow:2px 2px {color:title shadow};
  169. }
  170.  
  171. #sidebar {
  172. position:fixed;
  173. top:200px;
  174. left:90px;
  175. width:150px;
  176. color:{color:desc};
  177. padding:5px;
  178. border:1px solid {color:sidebar b};
  179. background:{color:sidebar};
  180. border-radius:5px;
  181. }
  182.  
  183. #icon img {
  184. width:100px;
  185. padding:3px;
  186. border-radius:5px;
  187. }
  188.  
  189. #desc {
  190. color:{color:desc};
  191. font-size:9px;
  192. text-align:justify;
  193. padding:5px;
  194. }
  195.  
  196. #desc a {
  197. text-decoration:none;
  198. color:{color:desc links};
  199. -o-transition: all 0.3s ease-out;
  200. -webkit-transition: all 0.3s ease-out;
  201. -moz-transition: all 0.3s ease-out;
  202. }
  203.  
  204. #desc a:hover {
  205. border-bottom:1px solid {color:link underline};
  206. -o-transition: all 0.3s ease-out;
  207. -webkit-transition: all 0.3s ease-out;
  208. -moz-transition: all 0.3s ease-out;
  209. }
  210.  
  211. #bx {height: 15px; overflow: hidden;
  212. transition: all 0.4s ease-out;
  213. -o-transition: all 0.4s ease-out;
  214. -webkit-transition: all 0.4s ease-out;
  215. -moz-transition: all 0.4s ease-out;}
  216.  
  217. #bx:hover {height:84px;
  218. transition: all 0.4s ease-out;
  219. -o-transition: all 0.4s ease-out;
  220. -webkit-transition: all 0.4s ease-out;
  221. -moz-transition: all 0.4s ease-out;}
  222.  
  223. .substuff {
  224. font-style:italic;
  225. font-size:11px;
  226. }
  227.  
  228. .substuff a {
  229. text-decoration:none;
  230. color:{color:slinkys};
  231. -webkit-transition: all 0.2s ease-in-out;
  232. -moz-transition: all 0.2s ease-in-out;
  233. -o-transition: all 0.2s ease-in-out;
  234. }
  235.  
  236. .substuff a:hover {
  237. letter-spacing: 3px;
  238. -webkit-transition: all 0.2s ease-in-out;
  239. -moz-transition: all 0.2s ease-in-out;
  240. -o-transition: all 0.2s ease-in-out;
  241. }
  242.  
  243. #posts {
  244. width:400px;
  245. padding:10px;
  246. border:1px solid {color:post border};
  247. margin-top:10px;
  248. margin-bottom:20px;
  249. background:{color:posts};
  250. color:{color:post text};
  251. display:block;
  252. border-radius:5px;
  253. }
  254.  
  255. #posts a {
  256. text-decoration:none;
  257. color:{color:post link};
  258. -webkit-transition: all 0.4s ease-in-out;
  259. -moz-transition: all 0.4s ease-in-out;
  260. -o-transition: all 0.4s ease-in-out;
  261. }
  262.  
  263. #posts a:hover {
  264. text-decoration:none;
  265. border-bottom:1px solid {color:link underline};
  266. -webkit-transition: all 0.4s ease-in-out;
  267. -moz-transition: all 0.4s ease-in-out;
  268. -o-transition: all 0.4s ease-in-out;
  269. }
  270.  
  271. h1 {
  272. text-align:right;
  273. color:{color:post titles};
  274. font-size:18px;
  275. font-style:italic;
  276. text-transform:uppercase;
  277. }
  278.  
  279. #quote {
  280. text-align:right;
  281. font-style:italic;
  282. font-size:16px;
  283. }
  284.  
  285. #linkposts a {
  286. background:{color:link post bg};
  287. color:{color:link post};
  288. font-size:18px;
  289. text-align:center;
  290. padding:3px;
  291. border-radius:5px;
  292. font-family:calibri;
  293. text-transform:uppercase;
  294. -webkit-transition: all 0.3s ease-in-out;
  295. -moz-transition: all 0.3s ease-in-out;
  296. -o-transition: all 0.3s ease-in-out;
  297. }
  298.  
  299. #linkposts a:hover {
  300. text-decoration:none;
  301. color:{color:link post h};
  302. border-bottom:none;
  303. -webkit-transition: all 0.3s ease-in-out;
  304. -moz-transition: all 0.3s ease-in-out;
  305. -o-transition: all 0.3s ease-in-out;
  306. }
  307.  
  308. #qbubble {
  309. background:{color:qbubble};
  310. padding:3px;
  311. border-radius:5px;
  312. font-size:9px;
  313. display:block;
  314. width:200px;
  315. height:60px;
  316. overflow:scroll;
  317. overflow-x:hidden;
  318. text-align:left;
  319. }
  320.  
  321. blockquote {
  322. border-left:2px solid {color:blockquote};
  323. margin-left:10px;
  324. background:{color:pssts};
  325. padding:3px;
  326. }
  327.  
  328. #permalink {
  329. width:400px;
  330. text-align:center;
  331. padding:3px;
  332. }
  333.  
  334. #permalink a {
  335. color:{color:perm};
  336. text-decoration:none;
  337. -webkit-transition: all 0.4s ease-in-out;
  338. -moz-transition: all 0.4s ease-in-out;
  339. -o-transition: all 0.4s ease-in-out;
  340. }
  341.  
  342. #permalink a:hover {
  343. letter-spacing:3px;
  344. border-bottom:none;
  345. -webkit-transition: all 0.4s ease-in-out;
  346. -moz-transition: all 0.4s ease-in-out;
  347. -o-transition: all 0.4s ease-in-out;
  348. }
  349.  
  350. ol.notes {
  351. list-style:none;
  352. color:#333;
  353. background:#fff;
  354. font-style:italic;
  355. padding:5px;
  356. font-size:10px;
  357. border:1px solid {color:post border};
  358. border-radius:5px;
  359. }
  360.  
  361. ol.notes img {
  362. width:20px; height:20px;
  363. padding:5px;
  364. border-radius:360px;
  365. }
  366.  
  367. ol.notes a {
  368. color:{color:perm};
  369. text-decoration:underline;
  370. -webkit-transition: all 0.4s ease-in-out;
  371. -moz-transition: all 0.4s ease-in-out;
  372. -o-transition: all 0.4s ease-in-out;
  373. }
  374.  
  375. ol.notes a:hover {
  376. -webkit-transition: all 0.4s ease-in-out;
  377. -moz-transition: all 0.4s ease-in-out;
  378. -o-transition: all 0.4s ease-in-out;
  379. text-decoration:none;
  380. }
  381.  
  382. #pbx {
  383. background:{color:posts};
  384. border:1px solid {color:post border};
  385. width:60px;
  386. height:10px;
  387. position:fixed;
  388. left:305px;
  389. top:305px;
  390. text-align:center;
  391. padding:5px;
  392. }
  393.  
  394. #pagination {
  395. position:fixed;
  396. top:300px;
  397. left:330px;
  398. }
  399.  
  400. #pagination a {
  401. font-size:9px;
  402. padding:2px;
  403. text-decoration:none;
  404. color:{color:desc links};
  405. }
  406.  
  407. #pagination a:hover {
  408. text-decoration:none;
  409. }
  410.  
  411. #extra {
  412. position:fixed;
  413. height:{text:extra img height}px;
  414. bottom:0;
  415. right:100px;
  416. }
  417.  
  418. #cred a {
  419. width:15px;
  420. height:14px;
  421. border:1px solid #000;
  422. background:#fff;
  423. color:#000;
  424. text-decoration:none;
  425. font:10px consolas;
  426. text-transform:uppercase;
  427. position:fixed;
  428. bottom:10px;
  429. right:10px;
  430. text-align:center;
  431. -webkit-transition: all 0.4s ease-in-out;
  432. -moz-transition: all 0.4s ease-in-out;
  433. -o-transition: all 0.4s ease-in-out;
  434. text-decoration:none;
  435. }
  436.  
  437. #cred a:hover {
  438. background:#000;
  439. color:#fff;
  440. -webkit-transition: all 0.4s ease-in-out;
  441. -moz-transition: all 0.4s ease-in-out;
  442. -o-transition: all 0.4s ease-in-out;
  443. text-decoration:none;
  444. }
  445.  
  446. {CustomCSS}
  447.  
  448. </style>
  449.  
  450. <body>
  451.  
  452. <div id="container">
  453. {block:Posts}
  454. <div id="posts">
  455.  
  456. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{block:text}
  457.  
  458. {block:photo}<center><img src="{photoURL-400}" /></center>{block:caption}{caption}{/block:caption}{/block:photo}
  459.  
  460. {block:photoset}<center><img src="{photoset-400}" /></center>{block:caption}{caption}{/block:caption}{/block:photoset}
  461.  
  462. {block:quote}<div id="quote">{quote}</div><br />-{source}{/block:quote}
  463.  
  464. {block:link}<center><div id="linkposts"><a href="{url}">{name}</a></div></center>
  465. {block:description}{description}{/block:description}{/block:link}
  466.  
  467. {block:chat}{block:title}<center><h1>{title}</h1></center>{/title}{block:Title}<h1>{Title}</h1>{/block:Title}
  468. {block:Lines}
  469. {block:Label}<b>{Label}</b>{/block:Label}
  470. {Line}<br />
  471. {/block:Lines}
  472. {/block:Chat}
  473.  
  474. {block:Video}
  475. {Video-400}
  476. {block:Caption}{Caption}{/block:Caption}
  477. {/block:Video}
  478.  
  479. {block:Answer}
  480. <img src="{AskerPortraitURL-64}" style="float:left; padding:3px; display:block; background:{color:post border};" /><div id="qbubble"> {asker} said: "{question}"</div>
  481. <br />{answer}
  482. {/block:Answer}
  483.  
  484. {block:Audio}
  485. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px"; height="80px"; align="left"; style="margin-right:10px"; />{/block:AlbumArt}
  486. <span class="audio">{AudioPlayerBlack}<br></span>
  487. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  488. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  489. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times<br><br>
  490. {block:Caption}{Caption}{/block:Caption}
  491. {/block:Audio}
  492.  
  493. {block:IndexPage}
  494. {block:Date}<div id="permalink">
  495. <a title="perma" href="{Permalink}">{Timeago}</a> •
  496. <a title="notes" href="{Permalink}">{NoteCount}</a>
  497. • <a title="reblog" href="{ReblogURL}" target="_blank" class="details">reblog</a>
  498. {/block:Date}
  499.  
  500. <br>{block:HasTags}{block:Tags}
  501. <a href="{TagURL}">#{Tag}</a>
  502. {/block:Tags}{/block:HasTags}</div></br>
  503. {/block:IndexPage}
  504.  
  505. {block:PermalinkPage}
  506. <div id="permalink">{block:RebloggedFrom}, <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>, <a title="{ReblogRootName}" href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}</div>
  507. {/block:PermalinkPage}
  508.  
  509. {block:PermalinkPage}
  510. {block:HasTags}<div id="permalink">
  511. tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>
  512. {/block:Tags}
  513. {/block:HasTags}</div>
  514. {/block:PermalinkPage}
  515.  
  516. {block:PostNotes}
  517. {PostNotes}
  518. {/block:PostNotes}
  519.  
  520. </div>
  521. {/block:Posts}
  522. </div>
  523.  
  524. <div id="sidebar">
  525. <div id="title">{Title}</div>
  526. <div id="icon"><center><img src="{image:side}" /></center></div>
  527. <div id="desc">{description}</div>
  528. <div id="bx">
  529. <center><a style="margin-top: 20px;">{text:navi title}</a>
  530. <div class="substuff">{block:if1}<a href="{text:url1}">{text:1}</a>{/block:if1}
  531. {block:if2}<br><a href="{text:url2}">{text:2}</a></br>{/block:if2}
  532. {block:if3}<a href="{text:url3}">{text:3}</a>{/block:if3}
  533. {block:if4}<br><a href="{text:url4}">{text:4}</a></br>{/block:if4}
  534. {block:if5}<a href="{text:url5}">{text:5}</a>{/block:if5}
  535. </div></center></div>
  536. </div>
  537.  
  538. {block:pagination}
  539. <div id="pbx"
  540. <center><div id="pagination"><br />
  541. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}/
  542. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  543. </div></center>
  544. </div>
  545. </div>
  546. {/block:pagination}
  547.  
  548. <div id="extra"><img src="{image:extra}" /></div>
  549.  
  550. <div id="cred"><a href="http://aesthemes.tumblr.com" title="theme by esme">E</a></div>
  551.  
  552. </body>
  553.  
  554. </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!