API tools faq
paste
taurielic

theme 02 400px

taurielic
May 13th, 2014
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.28 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!------------------------------------------------------------------------
  12.  
  13. theme 02 by sara (taurielic.tumblr.com) *EDITED*
  14.  
  15. edit as much as you want
  16. just don't remove the credit, please
  17.  
  18. ------------------------------------------------------------------------>
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21.  
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25.  
  26. (function($){
  27. $(document).ready(function(){
  28. $("a[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:30,
  31. tip_fade_speed:300,
  32. attribute:"title"
  33.  
  34. });
  35.  
  36. });
  37.  
  38. })(jQuery);
  39.  
  40. </script>
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43.  
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46.  
  47.  
  48. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  49. <script>
  50. $(document).ready(function() {
  51.  
  52. var div = $('#links');
  53. var start = $(div).offset().top;
  54.  
  55. $.event.add(window, "scroll", function() {
  56. var p = $(window).scrollTop();
  57. $(div).css('position',((p)>start) ? 'fixed' : 'static');
  58. $(div).css('top',((p)>start) ? '0px' : '');
  59. });
  60.  
  61.  
  62. });
  63. </script>
  64.  
  65.  
  66.  
  67. <link rel="shortcut icon" href="{Favicon}">
  68.  
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  70.  
  71. <meta name="color:Audio background" content="#f3f3f3"/>
  72. <meta name="color:Description" content="#808080"/>
  73. <meta name="color:Description background" content="#f3f3f3"/>
  74. <meta name="color:Header links" content="#000000"/>
  75. <meta name="color:Header title" content="#000000"/>
  76. <meta name="color:Link hover" content="#000000"/>
  77. <meta name="color:Link" content="#515151"/>
  78. <meta name="color:Pagination" content="#000000"/>
  79. <meta name="color:Post" content="#ffffff"/>
  80. <meta name="color:Scrollbar" content="#000000"/>
  81. <meta name="color:Text" content="#9d9d9d"/>
  82. <meta name="color:Title" content="#000000"/>
  83.  
  84. <meta name="image:Header image" content=""/>
  85.  
  86. <meta name="text:Header title" content="">
  87.  
  88. <meta name="text:link1" content="Link 1"/>
  89. <meta name="text:link1 url" content="/"/>
  90. <meta name="text:link2" content="Link 2"/>
  91. <meta name="text:link2 url" content="/"/>
  92. <meta name="text:link3" content="Link 3"/>
  93. <meta name="text:link3 url" content="/"/>
  94. <meta name="text:link4" content="Link 4"/>
  95. <meta name="text:link4 url" content="/"/>
  96. <meta name="text:link5" content="Link 5"/>
  97. <meta name="text:link5 url" content="/"/>
  98. <meta name="text:link6" content="Link 6"/>
  99. <meta name="text:link6 url" content="/"/>
  100.  
  101.  
  102. <link href='http://fonts.googleapis.com/css?family=Raleway:400,800,100' rel='stylesheet' type='text/css'>
  103. <link href='http://fonts.googleapis.com/css?family=Quicksand:300,400' rel='stylesheet' type='text/css'>
  104.  
  105.  
  106.  
  107.  
  108. <style type="text/css">
  109.  
  110. ::-webkit-scrollbar {
  111. width: 8px;
  112. background-color: #F5F5F5;
  113. }
  114.  
  115. ::-webkit-scrollbar-thumb {
  116. border-radius: 8px;
  117. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  118. background-color: #555;
  119. }
  120.  
  121. #s-m-t-tooltip {
  122. max-width:300px;
  123. margin:12px 0px 0px 12px;
  124. padding:1px 3px;
  125. background:#fff;
  126. text-transform:lowercase;
  127. font-style: none;
  128. font-family: calibri;
  129. font-size:10px;
  130. letter-spacing: 1px;
  131. color:{color:text};
  132. border-bottom: 0px solid #aaa;
  133. box-shadow: 1px 1px 2px #a5a5a5;
  134. z-index:999;
  135. }
  136.  
  137.  
  138. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  139.  
  140. blockquote {
  141. border-left:1px solid #ccc;
  142. padding-top:1px;
  143. padding-bottom:1px;
  144. padding-left:10px;
  145. margin-top:8px;
  146. margin-right:2px;
  147. margin-left:29px;
  148. }
  149.  
  150. body {
  151. background:{color:background};
  152. margin:0px;
  153. margin-right:40px;
  154. color:{color:text};
  155. font-family:calibri;
  156. font-size:11px;
  157. line-height:130%;
  158. }
  159.  
  160. a {
  161. text-decoration:none;
  162. outline:none;
  163. -moz-outline-style:none;
  164. color:{color:link};
  165. -moz-transition-duration:0.5s;
  166. -webkit-transition-duration:0.5s;
  167. -o-transition-duration:0.5s;
  168. }
  169.  
  170. a:hover {
  171. text-decoration:underline;
  172. outline:none;
  173. -moz-outline-style:none;
  174. -moz-transition-duration:0.2s;
  175. -webkit-transition-duration:0.2s;
  176. -o-transition-duration:0.2s;
  177. }
  178.  
  179. img {
  180. border:none;
  181. }
  182.  
  183. #entries {
  184. padding:15px;
  185. width:400px;
  186. font-weight: normal;
  187. line-height:11px;
  188. color:{color:text};
  189. }
  190.  
  191.  
  192. #posts {
  193. width:400px;
  194. font-weight: normal;
  195. line-height:100%;
  196. color:{color:text};
  197. background:#fff;
  198. padding-bottom:30px;
  199. margin-bottom:60px;
  200. }
  201.  
  202.  
  203.  
  204. /* HEADER */
  205.  
  206. #container {
  207. width: 400px;
  208. margin-top: 90px
  209. margin-bottom:0px;
  210. margin-left: auto;
  211. margin-right: auto;
  212. }
  213.  
  214. #headertitle {
  215. margin-top:200px;
  216. color:{color:header title};
  217. }
  218.  
  219. #headertitle a{
  220. color:{color:header title};
  221. text-decoration:none;
  222. }
  223.  
  224. #headertitle a:hover{
  225. text-decoration:none;
  226. }
  227.  
  228. #header {
  229. width:420px;
  230. opacity:100%;
  231. text-align:center;
  232. margin-left:5px;
  233. margin-bottom:10px;
  234. margin-top: 90px;
  235. padding-bottom: 20px;
  236. }
  237.  
  238. #headerimage img {
  239. width:auto;
  240. max-height:150px;
  241. left:auto;
  242. }
  243.  
  244.  
  245. .description {
  246. width:186px;
  247. padding-top:20px;
  248. padding-bottom:20px;
  249. padding-left:40px;
  250. padding-right:40px;
  251. font-family:corbel;
  252. font-size:10px;
  253. line-height: 118%;
  254. margin:10px auto 7px;
  255. text-align:center;
  256. height:auto;
  257. top:60px;
  258. color:{color:description};
  259. position:none;
  260. background-color:{color:description background};
  261. z-index:66666;
  262. opacity:1;
  263. }
  264.  
  265. .description a{
  266. color:{color:description};
  267. }
  268.  
  269.  
  270. #links{
  271. width:400px;
  272. color:{color:header links};
  273. font-size:11px;
  274. font-family:franklin gothic book;
  275. letter-spacing:1px;
  276. word-spacing:10px;
  277. margin-left:10px;
  278. top:20px;
  279. text-align:center;
  280. background:#fff;
  281. line-height:210%;
  282. z-index:999;
  283. opacity:0.98;
  284. }
  285.  
  286. #links a{
  287. color:{color:header links};
  288. }
  289.  
  290. #links a:hover{
  291. text-decoration:none;
  292. color: transparent;
  293. text-shadow: 0 0 1px rgba(0,0,0,0.5);
  294. -moz-outline-style:none;
  295. -moz-transition-duration:0.2s;
  296. -webkit-transition-duration:0.2s;
  297. -o-transition-duration:0.2s;
  298. }
  299.  
  300. /* INFO */
  301.  
  302. #info {
  303. font-family:calibri;
  304. width:400px;
  305. margin-top:-2px;
  306. padding-top:7px;
  307. font-size:8px;
  308. color:{color:info};
  309. letter-spacing:1px;
  310. line-height:50%;
  311. font-style:normal;
  312. text-align:center;
  313. opacity:1;
  314. background:#f3f3f3;
  315. padding-bottom:2px;
  316. -moz-transition-duration:0.9s;
  317. -webkit-transition-duration:0.9s;
  318. -o-transition-duration:0.9s;
  319. }
  320.  
  321. #info a {
  322. color:{color:text};
  323. font-style:normal;
  324. }
  325.  
  326. #info a:hover {
  327. text-decoration:none;
  328. color: transparent;
  329. text-shadow: 0 0 1px rgba(0,0,0,0.4);
  330. -moz-outline-style:none;
  331. -moz-transition-duration:0.7s;
  332. -webkit-transition-duration:0.7s;
  333. -o-transition-duration:0.7s;
  334. }
  335.  
  336. #posts:hover #info{
  337. opacity:1;
  338. background:#fff;
  339. -moz-transition-duration:0.9s;
  340. -webkit-transition-duration:0.9s;
  341. -o-transition-duration:0.9s;
  342. }
  343.  
  344.  
  345. #tags {
  346. font-family:calibri;
  347. font-style:normal;
  348. width:400px;
  349. text-transform:normal;
  350. font-style:normal;
  351. line-height:120%;
  352. padding-top:5px;
  353. padding-bottom:5px;
  354. font-size:9px;
  355. opacity:0;
  356. letter-spacing:0.5px;
  357. text-align:center;
  358. -moz-transition-duration:0.9s;
  359. -webkit-transition-duration:0.9s;
  360. -o-transition-duration:0.9s;
  361. }
  362.  
  363. #tags a{
  364. color:{color:text};
  365. }
  366.  
  367. #tags a:hover{
  368. text-decoration:none;
  369. color: transparent;
  370. text-shadow: 0 0 1px rgba(0,0,0,0.2);
  371. -moz-outline-style:none;
  372. -moz-transition-duration:0.7s;
  373. -webkit-transition-duration:0.7s;
  374. -o-transition-duration:0.7s;
  375. }
  376.  
  377. #posts:hover #tags{
  378. opacity:1;
  379. background:#f3f3f3;
  380. -moz-transition-duration:0.9s;
  381. -webkit-transition-duration:0.9s;
  382. -o-transition-duration:0.9s;
  383. }
  384.  
  385.  
  386. /* PAGINATION*/
  387.  
  388. #pagination {
  389. bottom:0px;
  390. font-family:franklin gothic book;
  391. width:400px;
  392. font-size:10px;
  393. padding:11px;
  394. letter-spacing:1px;
  395. word-spacing:15px;
  396. text-align:center;
  397. background:#fff;
  398. text-transform:lowercase;
  399. opacity:0.98;
  400. }
  401.  
  402. #pagination a {
  403. color:{color:pagination};
  404. opacity:1;
  405. }
  406.  
  407. #pagination a:hover{
  408. text-decoration:none;
  409. color: transparent;
  410. text-shadow: 0 0 1px rgba(0,0,0,0.5);
  411. -moz-outline-style:none;
  412. -moz-transition-duration:0.5s;
  413. -webkit-transition-duration:0.5s;
  414. -o-transition-duration:0.5s;
  415. }
  416.  
  417.  
  418. /* AUDIO */
  419.  
  420. .cover {
  421. position: relative;
  422. z-index: 1;
  423. width: 90px;
  424. float:left;
  425. }
  426.  
  427. .button {
  428. width:20px;
  429. height:30px;
  430. overflow: hidden;
  431. position: relative;
  432. z-index: 99;
  433. margin: 15px 24px 13px 16px;
  434. }
  435.  
  436. .player {
  437. background-color: #fff;
  438. position: absolute;
  439. z-index: 99;
  440. margin-top: 16px;
  441. margin-left: 15px;
  442. opacity: 0.3;
  443. -webkit-transition: opacity 0.2s linear;
  444. -webkit-transition: all 0.2s linear;
  445. -moz-transition: all 0.2s linear;
  446. -o-transition: all 0.2s linear;
  447. }
  448.  
  449. .player:hover {
  450. opacity:0.85;
  451. }
  452.  
  453. .musicinfo {
  454. padding:13px;
  455. font-size:12px;
  456. margin-left:100px;
  457. text-align:left;
  458. line-height:110%;
  459. background:{color:Audio background};
  460. }
  461.  
  462.  
  463.  
  464. /* ASKS */
  465.  
  466. #ask {
  467. padding:5px;
  468. padding-bottom:10px;
  469. padding-left:10px;
  470. text-align:right;
  471. color:{color:text};
  472. line-height:130%;
  473. border:0px solid #f3f3f3 opacity:0.5;
  474. }
  475. #ask img {
  476. margin-left:-2px;
  477. margin-bottom:-9px;
  478. padding:3px;
  479. }
  480.  
  481. #answer {
  482. text-align:left;
  483. padding:6px;
  484. color:{color:text};
  485. }
  486.  
  487.  
  488. /* CREDIT */
  489.  
  490. #credit {
  491. position:fixed;
  492. right:0px;
  493. bottom:0px;
  494. color:{color:body};
  495. font-family:corbel;
  496. text-transform:lowercase;
  497. margin:4px;
  498. font-size:12px;
  499. letter-spacing:1px;
  500. padding:8px;
  501. }
  502.  
  503. #credit a:hover{
  504. text-decoration:none;
  505. }
  506.  
  507.  
  508.  
  509. /* LABELS */
  510.  
  511. h1 {
  512. color:{color:title};
  513. font-size:20px;
  514. font-family:quicksand;
  515. font-weight:normal;
  516. background-color:#fff;
  517. text-align:justify;
  518. line-height:4px;
  519. line-height:100%;
  520. }
  521.  
  522. h2 {
  523. color:{color:title};
  524. font-size:16px;
  525. background-color:#f3f3f3;
  526. width:360px;
  527. padding:20px;
  528. font-family:corbel;
  529. opacity:1;
  530. margin:0px 0px;
  531. text-align:justify;
  532. font-weight:100;
  533. line-height:100%;
  534. }
  535.  
  536. h3 {
  537. color:{color:header title};
  538. font-size:36px;
  539. font-family:quicksand;
  540. font-weight:100;
  541. padding:5px 15px 0px 15px;
  542. text-align:center;
  543. opacity:1;
  544. margin:0px 0px;
  545. line-height:100%;
  546. letter-spacing:0px;
  547. }
  548.  
  549.  
  550. </style>
  551. <style type="text/css">{CustomCSS}</style>
  552. </head>
  553.  
  554. <body>
  555.  
  556.  
  557.  
  558.  
  559. <div id="container">
  560.  
  561.  
  562.  
  563. <div id="header">
  564.  
  565. <div id="headerimage">
  566. <a href="/"><img src="{image:header image}"></a></div>
  567.  
  568. <div class="headertitle"><h3><a href="/" title="home" style="text-decoration:none; color:{color:header title}">{text:header title}</a></h3></div>
  569.  
  570. <div class="description">
  571. {Description}
  572. </div>
  573.  
  574. <div id="links">
  575. {block:IfLink1}
  576. <a href="{text:link1 url}"title="{text:link1}">i.</a>
  577. {/block:IfLink1}
  578. {block:IfLink2}
  579. <a href="{text:link2 url}"title="{text:link2}">ii.</a>
  580. {/block:IfLink2}
  581. {block:IfLink3}
  582. <a href="{text:link3 url}"title="{text:link3}">iii.</a>
  583. {/block:IfLink3}
  584. {block:IfLink4}
  585. <a href="{text:link4 url}"title="{text:link4}">iv.</a>
  586. {/block:IfLink4}
  587. {block:IfLink5}
  588. <a href="{text:link5 url}"title="{text:link5}">v.</a>
  589. {/block:IfLink5}
  590. {block:IfLink6}
  591. <a href="{text:link6 url}"title="{text:link6}">vi.</a>
  592. {/block:IfLink6}
  593. </div>
  594. </div>
  595.  
  596. <div id="credit"><a href="http://taurielic.tumblr.com/" title="theme">©</a></div>
  597.  
  598. <br><br>
  599. <div id="entries">
  600. {block:Posts}
  601. <div id="posts">
  602.  
  603. {block:Audio}<div class="player"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="musicinfo">
  604. {block:TrackName}<div style="font-size:12px;">{TrackName}</div>{/block:Trackname}<br>{block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}<br>{block:Album} {Album}{/block:Album}<br>{block:PlayCount}{PlayCount} plays </span>{/block:PlayCount}<br></div><div><style="margin-top:20px;"><br>{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
  605.  
  606. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  607.  
  608. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  609.  
  610. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
  611.  
  612. {block:Quote}<h2>"{Quote}"</h2>{block:Source}<br> <div style="text-align: right;">— {Source}</div><br>{/block:Source}{/block:Quote}
  613.  
  614.  
  615. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  616.  
  617. {block:Chat}<ul class="chat">{block:Title}<h1>{Title}</h1>{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  618.  
  619. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  620.  
  621.  
  622. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.85;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>{Question}</big></em><br><br>{Answer}{/block:Answer}
  623.  
  624. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}<p>
  625.  
  626. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> —{/block:RebloggedFrom}
  627. {block:ContentSource} <a href="{SourceURL}">source</a> {/block:ContentSource}
  628.  
  629.  
  630. {/block:Date}
  631. </div>
  632. {block:HasTags}
  633. <div id="tags">
  634. {block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</div>
  635. {/block:HasTags}
  636.  
  637.  
  638. </div>
  639.  
  640. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  641. {block:Pagination}
  642. <div id="pagination">
  643. {block:PreviousPage}
  644. <a href="{PreviousPage}">back</a>
  645. {/block:PreviousPage}
  646. {block:JumpPagination length="0"}
  647. {block:CurrentPage}
  648. <span class="current_page">{PageNumber}</span>
  649. {/block:CurrentPage}
  650. {block:JumpPage}
  651. <a class="jump_page" href="{URL}">{PageNumber}</a>
  652. {/block:JumpPage}
  653. {/block:JumpPagination}
  654. {block:NextPage}
  655. <a href="{NextPage}">forth</a>
  656. {/block:NextPage}
  657. </div>
  658. {/block:Pagination}
  659. </div>
  660.  
  661.  
  662.  
  663. </div>
  664.  
  665.  
  666.  
  667.  
  668. </body>
  669. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!