Advertisement
teanaegkicks

pathways theme

Jul 28th, 2014
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.76 KB | None | 0 0
  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.  
  5. <!--
  6.  
  7. < T H E M E B Y T E A N A E G K I C K S (◡‿◡✿) >
  8.  
  9. Please DO NOT:
  10.  
  11. - remove or move the credit
  12. - claim as your own (I worked really hard on this for a really long time and it's not nice to steal people's work)
  13.  
  14. Anyways...THANKS FOR USING MY THEME! (ノ´ヮ´)ノ*:・゚✧
  15.  
  16. -->
  17.  
  18. <html>
  19.  
  20. <head>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Titillium+Web:300,400' rel='stylesheet' type='text/css'>
  23.  
  24. <title>{Title}</title>
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28. <link rel="shortcut icon" href="{Favicon}">
  29.  
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:background" content="http://i.imgur.com/71vq7l7.png"/>
  32.  
  33. <meta name="color:background" content="#ffffff"/>
  34. <meta name="color:text" content="#000000"/>
  35. <meta name="color:link" content="#000000"/>
  36. <meta name="color:scrollbar" content="#000000"/>
  37. <meta name="color:scrollbarbg" content="#ffffff"/>
  38.  
  39. <meta name="text:link1 text" content=""/>
  40. <meta name="text:link1 url" content="/"/>
  41. <meta name="text:link2 text" content=""/>
  42. <meta name="text:link2 url" content="/"/>
  43. <meta name="text:link3 text" content=""/>
  44. <meta name="text:link3 url" content="/"/>
  45.  
  46.  
  47. <style type"text/css">
  48.  
  49. /* - - scrollbar - - */
  50.  
  51. ::-webkit-scrollbar-thumb {
  52. height:auto;
  53. background-color:{color:scrollbar};
  54. padding-left:3px;
  55. }
  56. ::-webkit-scrollbar {
  57. height:9px;
  58. width:5px;
  59. background-color:{color:scrollbarbg};
  60. }
  61. /* - - header - - */
  62. .header {
  63. border-bottom:5px solid;
  64. width:400px;
  65. margin:0 auto;
  66. text-align:center;
  67. margin-top:25px;
  68. padding:0 10px 0 10px;
  69. }
  70. h1 {
  71. font-size:12px;
  72. font-family: 'Titillium Web', sans-serif;
  73. font-weight:300;
  74. border:1px solid;
  75. }
  76. h1 a {
  77. text-decoration:none;
  78. color:{color:link};
  79. -moz-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. transition-duration:0.5s;
  83. }
  84. h1 a:hover {
  85. text-decoration:underline;
  86. -moz-transition-duration:0.5s;
  87. -o-transition-duration:0.5s;
  88. -webkit-transition-duration:0.5s;
  89. transition-duration:0.5s;
  90. }
  91. .links {
  92. width:400px;
  93. padding-left:10px;
  94. padding-right:10px;
  95. margin-left:-11px;
  96. border:1px solid #eee;
  97. background:#000;
  98. font-size:12px;
  99.  
  100. }
  101. .links a {
  102. text-decoration:none;
  103. color:#fff;
  104. -moz-transition-duration:0.5s;
  105. -o-transition-duration:0.5s;
  106. -webkit-transition-duration:0.5s;
  107. transition-duration:0.5s;
  108. }
  109. .links a:hover {
  110. text-decoration:underline;
  111. -moz-transition-duration:0.5s;
  112. -o-transition-duration:0.5s;
  113. -webkit-transition-duration:0.5s;
  114. transition-duration:0.5s;
  115. }
  116. /* - - end header - - */
  117.  
  118. /* - - background - - */
  119. body {
  120. background-color:{color:background};
  121. background-image:url({image:background});
  122. background-attachment:fixed;
  123. background-repeat:100%;
  124. background-position:bottom-right;
  125. cursor: url(http://i.imgur.com/cWMm9hh.png), auto;
  126. }
  127. a {
  128. text-decoration:none;
  129. color:{color:link};
  130. -moz-transition-duration:0.5s;
  131. -o-transition-duration:0.5s;
  132. -webkit-transition-duration:0.5s;
  133. transition-duration:0.5s;
  134. }
  135. a:hover {
  136. cursor: url(http://i.imgur.com/WvElPmd.png),
  137. auto;
  138. text-decoration:underline;
  139. -moz-transition-duration:0.5s;
  140. -o-transition-duration:0.5s;
  141. -webkit-transition-duration:0.5s;
  142. transition-duration:0.5s;
  143. }
  144. blockquote {
  145. padding-left:1px;
  146. border-left:1px solid;
  147. color:{color:text};
  148. }
  149. blockquote blockquote {
  150. padding-left:1px;
  151. border-left:1px solid;
  152. color:{color:text};
  153. }
  154. blockquote blockquote blockquote {
  155. padding-left:1px;
  156. border-left:1px solid;
  157. color:{color:text};
  158. }
  159. /* - - end background - - */
  160.  
  161. /* - - entries - - */
  162. .post {
  163. width:400px;
  164. padding:10px;
  165. margin:0 auto;
  166. margin-top:55px;
  167. }
  168. #entry {
  169. font-size:11px;
  170. font-family: 'Titillium Web', sans-serif;
  171. font-weight:300;
  172. z-index:1;
  173. }
  174. #info1 {
  175. text-align:left;
  176. margin-top:3px;
  177. margin-bottom:3px;
  178. padding-left:3px;
  179. padding-top:3px;
  180. padding-bottom:3px;
  181. }
  182. #info1 a {
  183. text-decoration:none;
  184. color:{color:link};
  185. -moz-transition-duration:0.5s;
  186. -o-transition-duration:0.5s;
  187. -webkit-transition-duration:0.5s;
  188. transition-duration:0.5s;
  189. }
  190. #info1 a:hover {
  191. text-decoration:underline;
  192. -moz-transition-duration:0.5s;
  193. -o-transition-duration:0.5s;
  194. -webkit-transition-duration:0.5s;
  195. transition-duration:0.5s;
  196. }
  197. #info2 {
  198. float:right;
  199. text-align:right;
  200. padding-right:3px;
  201. }
  202. #info2 a {
  203. text-decoration:none;
  204. color:{color:link};
  205. -moz-transition-duration:0.5s;
  206. -o-transition-duration:0.5s;
  207. -webkit-transition-duration:0.5s;
  208. transition-duration:0.5s;
  209. }
  210. #info2 a:hover {
  211. text-decoration:underline;
  212. -moz-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;
  214. -webkit-transition-duration:0.5s;
  215. transition-duration:0.5s;
  216. }
  217. #info3 {
  218. text-align:center;
  219. margin-top:3px;
  220. margin-bottom:3px;
  221. padding:3px;
  222. }
  223. #info3 a {
  224. text-decoration:none;
  225. color:{color:link};
  226. -moz-transition-duration:0.5s;
  227. -o-transition-duration:0.5s;
  228. -webkit-transition-duration:0.5s;
  229. transition-duration:0.5s;
  230. }
  231. #info3 a:hover {
  232. text-decoration:underline;
  233. -moz-transition-duration:0.5s;
  234. -o-transition-duration:0.5s;
  235. -webkit-transition-duration:0.5s;
  236. transition-duration:0.5s;
  237. }
  238. .re {
  239. list-style:none;
  240. background-color:#000;
  241. height:23px;
  242. position:relative;
  243. margin-bottom:0px;
  244. margin-top:-11px;
  245. }
  246. .re li {
  247. float:right;
  248. padding:5px;
  249. }
  250. #ask {
  251. border-bottom:1px solid #000;
  252. }
  253. #audioplayer {
  254. width:30px;
  255. height:30px;
  256. overflow:hidden;
  257. position:absolute;
  258. margin-left:35px;
  259. margin-top:33px;
  260. opacity:0.7;
  261. }
  262. #cont {
  263. position:relative;
  264. width:250px;
  265. float:right;
  266. margin-right:40px;
  267. }
  268. /* - - end entries - - */
  269.  
  270. /* - - credit - - */
  271. #cred {
  272. color:{color:text};
  273. position:fixed;
  274. height:2px;
  275. bottom:20px;
  276. right:5px;
  277. padding:5px;
  278. font-size:18px;
  279. }
  280. #cred a {
  281. text-decoration:none;
  282. color:#000000;
  283. }
  284. /* - - end credit - - */
  285. /* - - pagination - - */
  286. #pagination {
  287. width:30px;
  288. border:1px solid #000;
  289. margin:0 auto;
  290. padding:10px;
  291. text-align:center;
  292. margin-top:30px;
  293. margin-bottom:30px;
  294. word-spacing:10px;
  295. }
  296. /* - - pagination - - */
  297. /* - - tooltips - - */
  298.  
  299. #s-m-t-tooltip {
  300.  
  301. max-width:200px;
  302. background-color:#fff;
  303. border:1px solid #eee;
  304. font-family:’arial’;
  305. font-size:8px;
  306. color:#000;
  307. letter-spacing:1px;
  308. text-transform:uppercase;
  309. padding:3px 4px 3px 4px;
  310. margin:20px 0px 0px 20px;
  311. z-index:999999999999999999999999999999999999;
  312. border-radius: 2px;
  313. -moz-box-shadow: 5px 5px 5px #888;
  314. -webkit-box-shadow: 5px 5px 5px #888;
  315. box-shadow: 3px 3px 3px #888;
  316. }
  317.  
  318. /* - - end tooltips - - */
  319.  
  320. </style>
  321.  
  322. <!-- - - script tooltip - - -->
  323. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  324.  
  325. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  326.  
  327. <script>
  328.  
  329. (function($){
  330.  
  331. $(document).ready(function(){
  332.  
  333. $("a[title]").style_my_tooltips({
  334.  
  335. tip_follows_cursor:true,
  336.  
  337. tip_delay_time:90,
  338.  
  339. tip_fade_speed:600,
  340.  
  341. attribute:"title"
  342.  
  343. });
  344.  
  345. });
  346.  
  347. })(jQuery);
  348.  
  349. </script>
  350.  
  351. <!-- - - end script tooltip - - -->
  352.  
  353. </head>
  354.  
  355. <body>
  356.  
  357. <!-- - - sidebar - - -->
  358.  
  359. <div class="header">
  360. <h1><a href="{BlogURL}">{Title}</a> // {Description}</h1>
  361.  
  362. <div class="links">
  363. <a href="/" title="home">×</a>
  364. <a href="/ask" title="message">×</a>
  365. <a href="{text:link1 url}" title="{text:link1 text}">×</a>
  366. <a href="{text:link2 url}" title="{text:link2 text}">×</a>
  367. <a href="{text:link3 url}" title="{text:link3 text}">×</a>
  368. </div>
  369. </div>
  370.  
  371. <!-- - - end sidebar - - -->
  372.  
  373. <!-- - - entries - - -->
  374.  
  375. {block:Posts}
  376. <div class="post">
  377. <div id="entry">
  378.  
  379. {block:Text}
  380. <div class="media">
  381. <h1>{block:Title}{Title}{/block:Title}</h1>
  382. {Body}
  383. </div>
  384. {/block:Text}
  385.  
  386. {block:Photo}
  387. <div class="media">
  388. {LinkOpenTag}
  389. <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
  390. {LinkCloseTag}
  391. </div>
  392. {block:PermalinkPage}
  393. {block:Caption}{Caption}{/block:Caption}
  394. {/block:PermalinkPage}
  395. {/block:Photo}
  396.  
  397. {block:Photoset}
  398. <div class="media">
  399. {Photoset-400}
  400. {block:PermalinkPage}
  401. {block:Caption}{Caption}{/block:Caption}
  402. {/block:PermalinkPage}
  403. </div>
  404. {/block:Photoset}
  405.  
  406. {block:Quote}
  407. <div class="media">
  408. <div id="quote">
  409. <i>{Quote}</i>
  410. {block:Source}{Source}{/block:Source}
  411. {block:PermalinkPage}
  412. {block:Caption}{Caption}{/block:Caption}
  413. {/block:PermalinkPage}
  414. </div></div>
  415. {/block:Quote}
  416.  
  417. {block:Link}
  418. <div class="media">
  419. <div id="link">
  420. <a href="{URL}" {Target}>{Name} &raquo;</a></div>
  421. {block:Description}<div class="copy">{Description}</div>
  422. {/block:Description}
  423. {block:PermalinkPage}
  424. {block:Caption}{Caption}{/block:Caption}
  425. {/block:PermalinkPage}
  426. </div>
  427. {/block:Link}
  428.  
  429. {block:Chat}
  430. <div class="media">
  431. {block:Title}{Title}{/block:Title}
  432. {block:Lines}
  433. {block:Label}{Label}{/block:Label} {Line}<br>
  434. {/block:Lines}
  435. {block:PermalinkPage}
  436. {block:Caption}{Caption}{/block:Caption}
  437. {/block:PermalinkPage}
  438. </div>
  439. {/block:Chat}
  440.  
  441. {block:Audio}
  442. <div id= "audioplayer">{AudioPlayerWhite}</div>
  443. {block:AlbumArt}
  444. <img src="{AlbumArtURL}" width="100" height="100">
  445. {/block:AlbumArt}
  446. <div id="cont">
  447. {block:TrackName}{TrackName}{/block:TrackName}<br>
  448. {block:Artist}{Artist}{/block:Artist}<br>
  449. {block:Album}{Album}{/block:Album}<br>
  450. {PlayCountWithLabel}</div>
  451. {block:PermalinkPage}
  452. {block:Caption}{Caption}{/block:Caption}
  453. {/block:PermalinkPage}
  454. {/block:Audio}
  455.  
  456. {block:Video}
  457. <div class="media">
  458. {Video-400}
  459. {block:PermalinkPage}
  460. {block:Caption}{Caption}{/block:Caption}
  461. {/block:PermalinkPage}
  462. </div>
  463. {/block:Video}
  464.  
  465. {block:Answer}
  466. <div class="media">
  467. <div id="ask"><img src="{AskerPortraitURL-16}"></img> {Asker} said: {Question}</div>{Answer}
  468. {block:PermalinkPage}
  469. {block:Caption}{Caption}{/block:Caption}
  470. {/block:PermalinkPage}
  471. </div>
  472. {/block:Answer}
  473.  
  474. <ul class="re">
  475. <li><a href="{Permalink}">
  476. <img src="http://i.imgur.com/ypWBpXD.png"></img></a>
  477. </li>
  478. <li>{ReblogButton size=14}</li>
  479. <li>{LikeButton size=14}</li>
  480. </ul>
  481.  
  482. {block:PermalinkPage}
  483. {block:Date}
  484. <div class="media">
  485. <div id="info1">
  486. <a href="{Permalink}">
  487. {NoteCountWithLabel}</a> |
  488. <a href="{Permalink}">{TimeAgo}</a> on <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}
  489. </a>
  490. <div id="info2">
  491. {block:RebloggedFrom}
  492. <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} / {block:ContentSource}
  493. <a href="{SourceURL}">src</a>{/block:ContentSource}
  494. </div></div></div>
  495. {/block:Date}
  496.  
  497. {block:HasTags}
  498. <div class="media">
  499. <div id="info3">
  500. {block:Tags}
  501. <a href="{TagURL}">#{Tag}</a>
  502. {/block:Tags}
  503. </div></div>
  504. {/block:HasTags}
  505. {/block:PermalinkPage}
  506.  
  507. {block:PostNotes}
  508. {PostNotes-16}
  509. {/block:PostNotes}
  510.  
  511. </div></div>
  512. {/block:Posts}
  513.  
  514. <!-- - - pagination - - -->
  515.  
  516. <div id="pagination">
  517. {block:PreviousPage}
  518. <a href="{PreviousPage}">- </a>{/block:PreviousPage}
  519. {block:NextPage}
  520. <a href="{NextPage}"> +</a>{/block:NextPage}
  521. </div>
  522.  
  523. <!-- - - end pagination - - -->
  524.  
  525. <!-- - - end entries - - -->
  526.  
  527. </body>
  528.  
  529. <div id="cred">
  530. <a href="http://teanaegkicks.tumblr.com" title="theme by teanaegkicks">■</a>
  531. </div>
  532.  
  533. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement