API tools faq
paste
Advertisement
tonystarks

thm3

tonystarks
Mar 27th, 2014
1,611
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.47 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.  
  5. <!---
  6.  
  7. theme by xiumans
  8.  
  9. 1. edit all you want
  10. 2. don't remove the credit (you can move it to a secondary page or whatever, just don't remove)
  11. 3. enjoy
  12.  
  13. -->
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18.  
  19.  
  20. <link rel="shortcut icon" href=“{Favicon}”>
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26.  
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:links" content="#f2bebe"/>
  30. <meta name="color:text" content="#b9b9b9"/>
  31. <meta name="color:posts" content="#ffffff"/>
  32. <meta name="color:sidebar" content="#ffffff"/>
  33. <meta name="color:border" content="#ffffff"/>
  34. <meta name="color:description" content="#ffffff"/>
  35.  
  36. <meta name="color:Hover" content="#c87979"/>
  37.  
  38. <meta name="color:Bar 1" content="#c87979">
  39. <meta name="color:Bar 2" content="#dd8888">
  40. <meta name="color:Bar 3" content="#ebaeae">
  41. <meta name="color:Bar 4" content="#ecc6c6">
  42. <meta name="color:Bar 5" content="#f1eaea">
  43.  
  44. <meta name="if:show captions" content="1"/>
  45. <meta name="if:Faded images" content="1"/>
  46. <meta name="if:500px posts" content="1"/>
  47. <meta name="if:400px posts" content=""/>
  48. <meta name="if:250px posts" content=""/>
  49.  
  50. <meta name="image:background" content=""/>
  51. <meta name="image:sidebar" content=""/>
  52.  
  53. <meta name="text:Link 1 URL" content="" />
  54. <meta name="text:Link 1" content="" />
  55. <meta name="text:Link 2 URL" content="" />
  56. <meta name="text:Link 2" content="" />
  57. <meta name="text:Link 3 URL" content="" />
  58. <meta name="text:Link 3" content="" />
  59. <meta name="text:Link 4 URL" content="" />
  60. <meta name="text:Link 4" content="" />
  61. <meta name="text:Link 5 URL" content="" />
  62. <meta name="text:Link 5" content="" />
  63.  
  64.  
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/rcwulzz/7Lyn0luiv/jquery.style-my-tooltips.js"></script>
  68.  
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("[title]").style_my_tooltips({
  73. tip_follows_cursor:false,
  74. tip_delay_time:700,
  75. tip_fade_speed:300,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82. <style type="text/css">
  83.  
  84.  
  85. /*basics that apply to everything*/
  86.  
  87.  
  88. body{
  89. background-image:url('{image:background}');
  90. background-attachment: fixed;
  91. background-repeat: repeat;
  92. background-color: {color:background};
  93. margin-left:00px;
  94. margin-top:0px;
  95. color:{color:text};
  96. font-family:times;
  97. font-size:10px;
  98. line-height:100%;
  99. }
  100. @font-face{
  101. font-family:Basic L;
  102. src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);
  103. }
  104.  
  105. @font-face{
  106. font-family:Ginette;
  107. src:url(http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf);}
  108.  
  109. body h2{
  110. font-family:Basic L;
  111. margin-bottom:10px;
  112. text-align:center;
  113. line-height:30px;
  114. }
  115.  
  116. body h1{
  117. font-family:Ginette;
  118. font-size:40px;
  119. font-weight: lighter;
  120. text-align:center;
  121. }
  122.  
  123. a{
  124. text-decoration:none;
  125. color:{color:links};
  126. }
  127.  
  128.  
  129. a:hover {
  130. -moz-transition-duration:0.7s;
  131. -webkit-transition-duration:0.7s;
  132. -o-transition-duration:0.7s;
  133. color:{color:Hover};
  134. }
  135.  
  136.  
  137. blockquote{
  138. padding-left:5px;
  139. border-left:1px solid #C7C7C7;
  140. }
  141.  
  142.  
  143. #s-m-t-tooltip{
  144. /* basic */
  145. max-width:300px;
  146. z-index:10;
  147. margin:24px 14px 7px 12px;
  148. /* style and design */
  149. padding:4px;
  150. background:{color:posts};
  151. border:1px double {color:links};
  152. /* font */
  153. font-family:"Basic L";
  154. font-size:12px;
  155. text-transform:uppercase;
  156. letter-spacing:2px;
  157. line-height:16px;
  158. color:{color:links};
  159. }
  160.  
  161. /*sidebar&links*/
  162. .sidebar {
  163. width: 200px;
  164. background-image:url('{image:sidebar}');
  165. position: fixed;
  166. height: 100%;
  167. left: 0px;
  168. color: #fff;
  169. text-align: center;
  170. padding-top: 100px;}
  171.  
  172. .description {
  173. margin:auto;
  174. width:115px;
  175. padding:10px;
  176. filter:alpha(opacity=0); /* for internet explorer */
  177. opacity: 0; /* CSS3 standard */
  178. -moz-opacity:0; /* for older gecko browsers */
  179. -khtml-opacity: 0; /* for older webkit browsers */;
  180. -moz-transition-duration:1s;
  181. -webkit-transition-duration:1s;
  182. -o-transition-duration:1s;
  183. }
  184.  
  185. .description:hover{
  186. filter:alpha(opacity=80); /* for internet explorer */
  187. opacity: 0.5; /* CSS3 standard */
  188. -moz-opacity:0.75; /* for older gecko browsers */
  189. -khtml-opacity: 0.75; /* for older webkit browsers */;
  190. -moz-transition-duration:1s;
  191. -webkit-transition-duration:1s;
  192. -o-transition-duration:1s;
  193. }
  194.  
  195. .description text{
  196. color:#000000;
  197. font-weight: normal;
  198. text-align: center;
  199. }
  200.  
  201. #sidebarmargin {
  202. padding:5px;
  203. }
  204.  
  205.  
  206. /*linksbar*/
  207.  
  208. #nav {
  209. z-index:10;
  210. position:fixed;
  211. top:0px;
  212. width:10px;
  213. height:100%;
  214. margin-left:200px;
  215. }
  216.  
  217. #links {
  218. height:20%;
  219. width:10px;
  220. transition:width .5s;
  221. -webkit-transition:width .5s; /* Safari */
  222. }
  223.  
  224. #links:hover
  225. {
  226. width:35px;
  227. }
  228.  
  229. /*posts*/
  230.  
  231. #postmargin{
  232. margin:0 auto;
  233. padding-top: 10px;
  234. {block:if500pxposts}width:500px;{/block:if500pxposts}
  235. {block:if400pxposts}width:400px;{/block:if400pxposts}
  236. {block:if250pxposts}width:250px;{/block:if250pxposts}
  237. }
  238.  
  239. .posts{
  240. {block:if500pxposts}width:500px;{/block:if500pxposts}
  241. {block:if400pxposts}width:400px;{/block:if400pxposts}
  242. {block:if250pxposts}width:250px;{/block:if250pxposts}
  243. background-color:{color:posts};
  244. position:relative;
  245. margin-left:40px;
  246. margin-top:19px;
  247. padding:10px;
  248. border:1px double solid;
  249. border-color:{color:border};
  250. border-style: double;
  251. }
  252.  
  253. .posts img{
  254. {block:if500pxposts}max-width:500px;{/block:if500pxposts}
  255. {block:if400pxposts}max-width:400px;{/block:if400pxposts}
  256. {block:if250pxposts}max-width:250px;{/block:if250pxposts}
  257. {block:ifFadedimages}
  258. filter:alpha(opacity=50); /* for internet explorer */
  259. opacity: 0.5; /* CSS3 standard */
  260. -moz-opacity:0.75; /* for older gecko browsers */
  261. -khtml-opacity: 0.75; /* for older webkit browsers */;
  262. -moz-transition-duration:1s;
  263. -webkit-transition-duration:1s;
  264. -o-transition-duration:1s;
  265. {/block:ifFadedimages}
  266. }
  267.  
  268. {block:ifFadedimages}
  269. .posts img:hover{
  270. filter:alpha(opacity=100); /* for internet explorer */
  271. opacity: 1.0; /* CSS3 standard */
  272. -moz-opacity:1.0; /* for older gecko browsers */
  273. -khtml-opacity: 1.0; /* for older webkit browsers */;
  274. -moz-transition-duration:1s;
  275. -webkit-transition-duration:1s;
  276. -o-transition-duration:1s;
  277. }
  278. {/block:ifFadedimages}
  279.  
  280.  
  281. .posts iframe{
  282. max-width:100%;
  283. {block:ifFadedimages}
  284. filter:alpha(opacity=50); /* for internet explorer */
  285. opacity: 0.5; /* CSS3 standard */
  286. -moz-opacity:0.75; /* for older gecko browsers */
  287. -khtml-opacity: 0.75; /* for older webkit browsers */;
  288. -moz-transition-duration:1s;
  289. -webkit-transition-duration:1s;
  290. -o-transition-duration:1s;
  291. {/block:ifFadedimages}
  292. }
  293.  
  294. .posts iframe.photoset{
  295. max-width:100%;
  296. {block:ifFadedimages}
  297. filter:alpha(opacity=50); /* for internet explorer */
  298. opacity: 0.5; /* CSS3 standard */
  299. -moz-opacity:0.75; /* for older gecko browsers */
  300. -khtml-opacity: 0.75; /* for older webkit browsers */;
  301. -moz-transition-duration:1s;
  302. -webkit-transition-duration:1s;
  303. -o-transition-duration:1s;
  304. {/block:ifFadedimages}
  305. }
  306. {block:ifFadedimages}
  307. .posts iframe.photoset:hover{
  308. filter:alpha(opacity=100); /* for internet explorer */
  309. opacity: 1.0; /* CSS3 standard */
  310. -moz-opacity:1.0; /* for older gecko browsers */
  311. -khtml-opacity: 1.0; /* for older webkit browsers */;
  312. -moz-transition-duration:1s;
  313. -webkit-transition-duration:1s;
  314. -o-transition-duration:1s;
  315. }
  316. {/block:ifFadedimages}
  317. /*linkposts*/
  318.  
  319. #link{
  320. text-align:center;
  321. font-size:15px;
  322. }
  323.  
  324. /*notes, tags, permalink, lr*/
  325.  
  326. #permalink{
  327. width:100%;
  328. margin-top:10px;
  329. padding-top:01px;
  330. padding-bottom:15px;
  331. height:auto;
  332. text-align:right;
  333. text-transform:lowercase;
  334. border-top:dotted 1px {color:border};
  335. background-color:{color:posts};
  336. }
  337.  
  338.  
  339. #tags {
  340. float:right;
  341. {block:if500pxposts}width:480px;{/block:if500pxposts}
  342. {block:if400pxposts}width:380px;{/block:if400pxposts}
  343. {block:if250pxposts}width:230px;{/block:if250pxposts}
  344. font-size:10px;
  345. opacity:1;
  346. transition-duration: 0.5s;
  347. -moz-transition-duration: 0.5s;
  348. -webkit-transition-duration: 0.5s;
  349. -o-transition-duration: 0.5s
  350. color:{color:links};
  351. }
  352.  
  353. #tags a {
  354. letter-spacing:0px;
  355. font-size:10px;
  356. text-align:center;
  357. text-decoration:none;
  358. }
  359.  
  360. #tags a:hover {
  361. -moz-transition-duration:0.3s;
  362. -webkit-transition-duration:0.3s;
  363. -o-transition-duration:0.3s;
  364. color:{color:hover};
  365. }
  366.  
  367. #notes{
  368. {block:if500pxposts}width:500px;{/block:if500pxposts}
  369. {block:if400pxposts}width:400px;{/block:if400pxposts}
  370. {block:if250pxposts}width:250px;{/block:if250pxposts}
  371. margin-top:20px;
  372. padding-top:01px;
  373. padding-bottom:1px;
  374. height:auto;
  375. text-align:left;
  376. text-transform:lowercase;
  377. background-color:{color:posts};
  378. }
  379.  
  380. #pagination{
  381. width:100px;
  382. position:fixed;
  383. left:50px;
  384. bottom:25px;
  385. text-align:center;
  386. background-color:{color:sidebar};
  387. border:{color:border}
  388. }
  389.  
  390. /*audio posts*/
  391.  
  392. .cover {
  393. position: relative;
  394. width: 90px;
  395. float:left;
  396. }
  397.  
  398. .button {
  399. width:20px;
  400. height:30px;
  401. overflow: hidden;
  402. position: relative;
  403. z-index: 1;
  404. margin: 15px 24px 13px 16px;
  405. }
  406.  
  407. .audio {
  408. background-color: #fff;
  409. position: absolute;
  410. z-index: 1;
  411. margin-top: 15px;
  412. margin-left: 15px;
  413. opacity: 0.3;
  414. -webkit-transition: opacity 0.2s linear;
  415. -webkit-transition: all 0.2s linear;
  416. -moz-transition: all 0.2s linear;
  417. -o-transition: all 0.2s linear;
  418. }
  419.  
  420. .audio:hover {
  421. opacity:0.9;
  422. }
  423.  
  424.  
  425. .audioinfo {
  426. padding:20px;
  427. font-size:9px;
  428. margin-left: 100px;
  429. height:55px;
  430. text-align:center;
  431. background:{color:posts};
  432. }
  433.  
  434.  
  435. /*quotes*/
  436.  
  437. #quote{
  438. font-family:Basic L;
  439. font-weight:bolder;
  440. margin-bottom:10px;
  441. text-align:center;
  442. line-height:30px;
  443. }
  444.  
  445.  
  446. #credit {
  447. width:40px;
  448. text-align:center;
  449. background-color:{color:posts};
  450. font-size:9px;
  451. position:fixed;
  452. right:15px;
  453. bottom:2px;
  454. font-family:cambria;
  455. padding:5px;
  456. }
  457.  
  458. #credit a{
  459. text-decoration:none;
  460. color:{color:links};
  461. /*asks&answers*/
  462.  
  463.  
  464.  
  465. </style>
  466. </head>
  467. <body>
  468. <div class="sidebar">
  469. <h1>{title}</h1>
  470. <div class="description">
  471. <text>{Description}<br></div>
  472. </div>
  473.  
  474.  
  475. <div id="pagination">{block:Pagination}
  476. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  477. {block:JumpPagination length="5"}{block:CurrentPage}
  478. <span class="current_page">{PageNumber}</span>
  479. {/block:CurrentPage}{block:JumpPage}
  480. <a class="jump_page" href="{URL}">{PageNumber}</a>
  481. {/block:JumpPage}{/block:JumpPagination}
  482. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  483. {/block:Pagination}</div>
  484.  
  485. <div class="sidebarlinks"></div>
  486.  
  487. <div id="nav">
  488. <a href="{text:Link 1 URL}" title="{text:Link 1}"><div id="links" style="background:{color:Bar 1};"></div></a>
  489. <a href="{text:Link 2 URL}" title="{text:Link 2}"><div id="links" style="background:{color:Bar 2};"></div></a>
  490. <a href="{text:Link 3 URL}" title="{text:Link 3}"><div id="links" style="background:{color:Bar 3};"></div></a>
  491. <a href="{text:Link 4 URL}" title="{text:Link 4}"><div id="links" style="background:{color:Bar 4};"></div></a>
  492. <a href="{text:Link 5 URL}" title="{text:Link 5}"><div id="links" style="background:{color:Bar 5};"></div></a>
  493.  
  494. </div>
  495.  
  496.  
  497. <div id="postmargin">{block:Posts}<div class="posts">
  498.  
  499. {block:Text}
  500. <div id="link">
  501. {block:Title}<h2>{Title}</h2>{/block:Title}
  502. </div>
  503. {Body}
  504. {/block:Text}
  505.  
  506. {block:Photo}
  507. {LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}
  508. {block:Caption}
  509. {block:ifshowcaptions}{Caption}{/block:ifshowcaptions}
  510. {block:ifNotshowcaptions}{/block:IfNotshowcaptions}
  511. {/block:Caption}
  512. {/block:Photo}
  513.  
  514.  
  515. {block:Photoset}
  516. {Photoset}
  517. {block:Caption}
  518. {block:ifshowcaptions}{Caption}{/block:ifshowcaptions}
  519. {block:ifNotshowcaptions}{/block:IfNotshowcaptions}
  520. {/block:Caption}
  521. {/block:Photoset}
  522.  
  523.  
  524. {block:Quote}
  525. <div id="quote">
  526. <h2>{Quote}</h2>
  527. </div>
  528. {block:Source} —{Source}{/block:Source}
  529. {/block:Quote}
  530.  
  531. {block:Link}
  532. <div id="link">
  533. <a href="{URL}" {Target}>{Name}</a>
  534. </div>
  535. {block:Description}{Description}{/block:Description}
  536. {/block:Link}
  537.  
  538. {block:Chat}
  539. {block:Title}<h2>{Title}</h2>{/block:Title}
  540. {block:Lines}
  541. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  542. {/block:Lines}
  543. {/block:Chat}
  544.  
  545. {block:Audio}
  546. <div class="audio">
  547. <div class="button">
  548. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  549. </div>
  550. </div>
  551. {block:AlbumArt}
  552. <img src="{AlbumArtURL}" class="cover" >{/block:AlbumArt}
  553. <div class="audioinfo">
  554. {block:TrackName}{TrackName}{/block:Trackname}<br>{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}</div>
  555. {/block:Audio}
  556. {block:Video}
  557. {Video-500}
  558. {block:Caption}{Caption}{/block:Caption}
  559. {/block:Video}
  560.  
  561. {block:Answer}<div style="width:auto; padding:5px; text-transform:uppercase; text-align:center; font-size: 15px; font-family: Basic L; line-height:18px;">{Asker} said:<br>{Question}</div>{Answer}
  562. {/block:Answer}
  563.  
  564.  
  565.  
  566. <div id="permalink">
  567.  
  568. {block:Date}
  569. posted: <a href="{Permalink}">{DayofWeek} the {DayOfMonthWithZero}{DayOfMonthSuffix}</a> at <a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a> from {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>
  570. {/block:RebloggedFrom}
  571. {/block:Date}
  572. {block:NoteCount}
  573. with <a href="{Permalink}">{NoteCount}</a> notes
  574.  
  575. {/block:NoteCount}
  576. <br>
  577. <div id="tags">
  578. {block:HasTags}
  579. {block:Tags}
  580. <a href="{TagURL}">#{Tag}</a>
  581. {/block:Tags}
  582. {/block:HasTags}
  583. </div>
  584. </div>
  585.  
  586.  
  587. {block:PermalinkPage}
  588. <div id="notes">
  589. {block:PostNotes}
  590. {PostNotes}
  591. {/block:PostNotes}
  592. </div>
  593. {/block:PermalinkPage}
  594. </div>
  595.  
  596. {/block:Posts}
  597. <div id="credit"><a href="htttp://xiumans.tumblr.com" title="theme by xiumans">XM</a></div>
  598.  
  599. </body></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!